Sombras
Tokens de elevação visual. Ajustam-se automaticamente no dark mode.
Escala visual
xs
shadow-xs
--shadow-xs
Elevação mínima
sm
shadow-sm
--shadow-sm
Cards, inputs
md
shadow-md
--shadow-md
Dropdowns, popovers
lg
shadow-lg
--shadow-lg
Modais, toasts
xl
shadow-xl
--shadow-xl
Dialogs sobrepostos
Uso por componente
| Componente | Sombra | Preview |
|---|---|---|
| Card | shadow-sm | |
| Dropdown | shadow-md | |
| Toast | shadow-lg | |
| Dialog | shadow-xl | |
| Tooltip | shadow-md |
Focus ring
O token shadow-ring cria um anel de foco acessível.
var(--shadow-ring)