Elevation Shadows

Shadow utility classes

All the available elevation and shadow variables are defined in material-extended / variables / _elevation-shadow.scss. This page summarises the default elevation and shadow values used by Material components.

Material also provides utility classes to quickly add or remove a shadow for any componenet/element.

For 0 shadow add (.shadow-none)
For 1 shadow add (.shadow-1)
For 2 shadow add (.shadow-2)
For 4 shadow add (.shadow-4)
For 6 shadow add (.shadow-6)
For 8 shadow add (.shadow-8)
For 12 shadow add (.shadow-12)
For 16 shadow add (.shadow-16)
For 24 shadow add (.shadow-24)

Theme Customizer


Customize & Preview in Real Time

Menu Color Options

Layout Options

Navigation Color Options
Solid
Gradient

Solid

Gradient

Buy Now