Toggle Group
A grouped set of toggleable options for single or multiple selection.
The Toggle Group Component
Basic Usage
Code Snippet
<script lang="ts"> import { ToggleGroup } from '$lib/components'; let value = $state('week'); const items = [ { value: 'day', label: 'Day' }, { value: 'week', label: 'Week' }, { value: 'month', label: 'Month' } ]; </script> <ToggleGroup bind:value={value} items={items} type="radio" ariaLabel="Reporting cadence" />Examples
Multiple Selection
Switch to check mode when users can combine channels or filters.