Skip to main content
Light SST Light Dark SST 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
--sl-shadow-x-small
--sl-shadow-small
--sl-shadow-medium
--sl-shadow-large
--sl-shadow-x-large