Radio Groups
Capture feedback limited to a small set of options.
import { RadioGroup, RadioItem } from '@skeletonlabs/skeleton';
Demo
This component acts as a wrapper around native HTML radio inputs. Bind the group, then set value and name as follows.
Variants
The radio group supports variant styles for active
and hover
properties.
Vertical
Set display to flex-col
for a vertical layout.
Full Width
Set regionLabel to flex-auto
to stretch and fill the full width.
<RadioGroup regionLabel="flex-auto">...</RadioGroup>
Radio Attributes
The Radio Item component supports Svelte's $$restProps
, which allows for required,
disabled, and any other valid radio input attributes. Please note these settings are applied per item.
<RadioItem ... required disabled />