RadioGroup

Svelte Component

Capture feedback limited to a small set of options.

Examples

Selected 0

Selected horz

Usage

typescript
import { writable, type Writable } from 'svelte/store';
typescript
const storeLayout: Writable<string> = writable('horz');
html
<RadioGroup selected={storeLayout}>
	<RadioItem value="horz">Horizontal</RadioItem>
	<RadioItem value="vert">Vertical</RadioItem>
</RadioGroup>

Full Width Display

To set display width to 100% use display="flex"

html
<RadioGroup display="flex"></RadioGroup>