Radio Group
Select one option from a related group.
Preview
Import
import { RadioGroup, RadioGroupItem } from "@sigil-ui/components";Usage
<RadioGroup aria-label="Release channel" defaultValue="a">
<div className="flex items-center gap-2"><RadioGroupItem value="a" aria-label="Stable" /><span>Stable</span></div>
<div className="flex items-center gap-2"><RadioGroupItem value="b" aria-label="Preview" /><span>Preview</span></div>
</RadioGroup>Sub-components
This component includes the following parts:
<RadioGroupItem>
Token integration
| CSS Variable | Purpose |
|---|---|
--s-radius-full | Radius full |
--s-border-style | Border style |
--s-border | Border |
--s-primary | Primary |