When using shadow tokens in code, you can access them using theme.shadows[tokenName]
| Name | Value | Description |
|---|---|---|
| 100 | 0px 1px 2px 0px rgba(102, 102, 102, 0.25) | Shadow 2 - Extra small base shadow |
| 200 | 0px 2px 4px 0px rgba(102, 102, 102, 0.25) | Shadows 3 - Small |
| 300 | 0px 4px 8px 0px rgba(102, 102, 102, 0.25) | Shadows 4 - Medium |
| 400 | 0px 8px 16px 0px rgba(102, 102, 102, 0.25) | Shadows 5 - Large |
| 50 | 0px 2px 0px 0px #D5D5D5 | Shadow 1 - Card shadow |
| 500 | 0px 16px 32px 0px rgba(102, 102, 102, 0.25) | Shadows 6 - Extra large |