Skip to main content
Light Dark System
Web Awesome is the new name for Shoelace! Come see the next iteration, now in beta. Show me what's new!

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