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!

Transition Tokens

Transition tokens are used to provide consistent transitions throughout your app.

Token Value Example
--sl-transition-x-slow 1000ms
--sl-transition-slow 500ms
--sl-transition-medium 250ms
--sl-transition-fast 150ms
--sl-transition-x-fast 50ms