Skip to main content
Light Dark System
Get ready for more awesome! Web Awesome, the next iteration of Shoelace, is on Kickstarter. Read Our Story

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