Components
Radio Group
A set of checkable buttons where only one can be checked at a time.
Installation
pnpm dlx shadcn@latest add @toui/radio-group
Examples
Default
Loading
Disabled
Loading
Size
Loading
Form
Loading
Pattern
Tokens
6 CSS variables in 2 categories.
size
| CSS Variable | Value | Description |
|---|---|---|
--radio-size-sm | 1.125rem | 18px |
--radio-size-md | 1.25rem | 20px |
--radio-size-lg | 1.375rem | 22px |
icon-size
| CSS Variable | Value | Description |
|---|---|---|
--radio-icon-size-sm | 0.5rem | 8px |
--radio-icon-size-md | 0.625rem | 10px |
--radio-icon-size-lg | 0.75rem | 12px |
Credits
- Used Radix UI for the radio group component.