Radio
A single radio. In almost all cases prefer RadioGroup,
which manages the exclusive selection for you — use Radio directly only for fully custom
layouts (give the radios a shared name).
import { Radio } from '@gg-software/ui';
<Radio name="plan" value="basic" label="Basic" defaultChecked />
<Radio name="plan" value="pro" label="Pro" />Props
| Prop | Type | Default | Description |
|---|---|---|---|
checked | boolean | — | |
defaultChecked | boolean | — | |
disabled | boolean | false | |
label | ReactNode | — | |
children | ReactNode | — | content rendered inside the component |
value | string | — | |
name | string | — | |
id | string | — | |
className | string | — | |
onChange | ((checked: boolean, event: ChangeEvent<HTMLInputElement, Element>) => void) | — |
* required · generated from packages/ui/src/input/Radio/Radio.tsx