Components
Radio Group
A set of checkable buttons—known as radio buttons—where no more than one of the buttons can be checked at a time.
Default
Comfortable
Compact
Usage
import { Label, RadioGroup, RadioGroupItem } from "@murasakijs/ui";<RadioGroup defaultValue="comfortable">
<div className="flex items-center gap-2">
<RadioGroupItem value="comfortable" id="r1" />
<Label htmlFor="r1">Comfortable</Label>
</div>
</RadioGroup>API Reference
RadioGroup
| Prop | Type | Default |
|---|---|---|
value | string | — |
defaultValue | string | — |
onValueChange | (value: string) => void | — |
disabled | boolean | false |
name | string | — |
required | boolean | false |
RadioGroupItem
| Prop | Type | Default |
|---|---|---|
value | string | — (required) |
disabled | boolean | false |
Both use React Aria's radio-group state, keyboard navigation, and labeling
semantics while preserving value / onValueChange.