border-radius
default globals.css:
@layer base {
:root {
--radius: 0.5rem;
}
}| class | value | 1rem=16px の場合 |
| ----------- | ------------------- | ---------------- |
| rounded | 0.25rem | 4px |
| rounded-sm | var(--radius)-4px | 4px |
| rounded-md | var(--radius)-2px | 6px |
| rounded-lg | var(--radius) | 8px |
| rounded-xl | 0.75rem | 12px |
| rounded-2xl | 1rem | 16px |
| rounded-3xl | 1.5rem | 24px |
Button variant=outline の border
Input の border 等と同様に border-input が使われているので、Combobox 等の実装で Button variant=outline をそのまま使える。