Radio Group
Enabled
Disabled
Individual disabled
Svelte
<script lang="ts">
let selected: string = $state("tgv");
const options = [
{ value: "tgv", label: "TGV" },
{ value: "concorde", label: "Concorde" },
{ value: "minitel", label: "Minitel" },
{ value: "ariane", label: "Ariane" },
];
</script>
<RadioGroup
bind:value={selected}
{options}
name="transport"
palette="accent"
/> API
| Prop | Type | Default |
|---|---|---|
| value | string | undefined |
| options | Option[] | [] |
| name | string | — |
| palette | "accent" | "tone" | "accent" |
| size | "sm" | "md" | "lg" | "md" |
| label_position | "right" | "left" | "top" | "bottom" | "right" |
| disabled | boolean | false |
| aria_label | string | — |
Prop value
Type
stringDefault
undefinedProp options
Type
Option[]Default
[]Prop name
Type
stringDefault
—Prop palette
Type
"accent" | "tone"Default
"accent"Prop size
Type
"sm" | "md" | "lg"Default
"md"Prop label_position
Type
"right" | "left" | "top" | "bottom"Default
"right"Prop disabled
Type
booleanDefault
falseProp aria_label
Type
stringDefault
—