← All matrices
Radio
Selected / unselected × interaction states. Use within a group sharing the same name.
Source react/src/atoms/Radio.tsx
Bundle 0.76 KB min / 0.48 KB gz
LOC 41
| Variant |
Default |
Hover |
Focus |
Disabled |
| unselected |
|
|
|
|
| selected |
|
|
|
|
Group example
| Group | Render |
|---|
| plan |
|
Props: label, containerClassName, name (required for radio groups) + native input attrs.
forwardRef: yes (HTMLInputElement).