Native radios styled as a group, with optional per-option descriptions.
VerticalHorizontalDisabled option
<RadioGroup label="Aggregation" bind:value options={aggregations} />Installation
pnpm add @chanrg/4uiImport the stylesheet once, at the root of your app:
import '@chanrg/4ui/styles.css';Usage
import { RadioGroup } from '@chanrg/4ui';<RadioGroup label="Aggregation" bind:value options={aggregations} />API reference
Props
| Prop | Type | Default | Description |
|---|---|---|---|
options | { value, label, description?, disabled? }[] | [] | Choices. |
value | string | null ($bindable) | null | Selected value. |
orientation | vertical | horizontal | vertical | Layout. |
CSS variables
| Variable | Description |
|---|---|
--4ui-surface | Primary component surface. |
--4ui-text | Primary foreground color. |
--4ui-border | Default control and panel border. |
Accessibility
- role="radiogroup" over native inputs — arrow keys and form semantics are free.