Radio
A single-choice control for mutually exclusive options.
The Radio Component
Basic Usage
Code Snippet
<script lang="ts"> import { Radio } from '$lib/components'; let group = $state('team'); </script> <div class="grid gap-3"> <Radio bind:group={group} name="visibility" value="team" label="Team only" /> <Radio bind:group={group} name="visibility" value="public" label="Public" /> </div>Examples
States
Use helper and disabled states when the choice depends on access level or setup.