Elevation Tokens
Elevation tokens are used to give elements the appearance of being raised off the page. Use them with the box-shadow
property. These are especially useful for menus, popovers, and dialogs.
Token | Example |
---|---|
--dsds-shadow-x-small | |
--dsds-shadow-small | |
--dsds-shadow-medium | |
--dsds-shadow-large | |
--dsds-shadow-x-large |