Sombras
Tokens de elevação visual. Ajustam-se automaticamente no dark mode.
Escala Visual
xs
shadow-xs
sm
shadow-sm
md
shadow-md
lg
shadow-lg
xl
shadow-xl
Uso por Componente
| Componente | Shadow | 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.
box-shadow: 0 0 0 2px var(--background), 0 0 0 4px var(--ring);