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.
Full Width
Set display to flex
to stretch and fill the full width.
<RadioGroup display="flex"></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 />