Border Radius
Tokens de arredondamento baseados no valor base --radius: 8px.
Escala Visual
none
rounded-none
0px
sm
rounded-sm
calc(radius - 4px)
DEFAULT
rounded
calc(radius - 2px)
md
rounded-md
8px (base)
lg
rounded-lg
calc(radius + 2px)
xl
rounded-xl
calc(radius + 4px)
full
rounded-full
9999px
Uso por Componente
| Componente | Radius | Preview |
|---|---|---|
| Button | rounded | |
| Input | rounded | |
| Card | rounded-md | |
| Dialog | rounded-lg | |
| Badge | rounded-full | |
| Avatar | rounded-full | |
| Tooltip | rounded |