Radio Groups

Svelte Component

Capture feedback limited to a small set of options.

Import

Package

Source

Doc

WAI-ARIA

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>