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)