Skip to Content

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

PropTypeDefaultDescription
checkedboolean—
defaultCheckedboolean—
disabledbooleanfalse
labelReactNode—
childrenReactNode—content rendered inside the component
valuestring—
namestring—
idstring—
classNamestring—
onChange((checked: boolean, event: ChangeEvent<HTMLInputElement, Element>) => void)—

* required · generated from packages/ui/src/input/Radio/Radio.tsx