Radius
Border radius tokens control the roundness of component corners. For more information on the default available border-radius utilities, visit Tailwind
@theme {
--radius-xs: 0.125rem;
--radius-sm: 0.25rem;
--radius-md: 0.375rem;
--radius-lg: 0.5rem;
--radius-xl: 0.75rem;
--radius-2xl: 1rem;
--radius-3xl: 1.5rem;
--radius-4xl: 2rem;
}NameValue
xs0.125rem / 2px
sm0.25rem / 4px
md0.375rem / 6px
lg0.5rem / 8px
xl0.75rem / 12px
2xl1rem / 16px
3xl1.5rem / 24px
4xl2rem / 32px
Last updated on