Radio

Radio group and individual radio items built on bits-ui. Use RadioGroup as a container with Radio items inside.

Example

Apple Banana Cherry

Selected: none

Props

RadioGroup

Prop	Type	Default	Description
`value`	`string`	`''`	Selected value (bindable)
`onValueChange`	`(value: string) => void`	—	Callback when selection changes
`name`	`string`	—	Form field name
`children`	`Snippet`	—	Radio items
`class`	`string`	—	Additional CSS classes

Radio

Prop	Type	Default	Description
`value`	`string`	—	Option value (required)
`label`	`string`	—	Label text
`disabled`	`boolean`	`false`	Disable this option
`class`	`string`	—	Additional CSS classes

Usage

<script>
  import { Radio, RadioGroup } from '@chrissnell/chonky-ui';
  let size = $state('md');
</script>

<RadioGroup bind:value={size} name="size">
  <Radio value="sm" label="Small" />
  <Radio value="md" label="Medium" />
  <Radio value="lg" label="Large" />
</RadioGroup>