Skip to main content
Light Dark System

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
--sc-shadow-x-small
--sc-shadow-small
--sc-shadow-medium
--sc-shadow-large
--sc-shadow-x-large