Elevation

Elevation hjälper användaren förstå vad som är i förgrunden och i bakgrunden. Till exempel när användaren skrollar sidan och innehåll hamnar bakom balkar och knappar.

Example 1

Resting App Bar (default)

Resting App Bar (default)

Elevated App Bar (when content scrolls behind it)

Elevated App Bar (when content scrolls behind it)

Example 2

Resting Nav Bar (default)

Resting Nav Bar (default)

Elevated Nav Bar (when content scrolls behind it)

Elevated Nav Bar (when content scrolls behind it)

Example 3

Resting Bottom Bar (default)

Resting Bottom Bar (default)

Elevated Bottom Bar (when content scrolls behind it)

Elevated Bottom Bar (when content scrolls behind it)