Toggle Group

Form Controls · Guide 25 of 46

Open the live Toggle Group demo →

Purpose

Single or multiple selection across toggles.

Import

<script lang="ts">
	import { ToggleGroup } from 'bits-ui';
</script>

The registry names ToggleGroup as this guide’s namespace. Copy the exact root and part composition from the live demo rather than guessing part names.

Usage checklist

• Provide a visible label and the correct form name and value.
• Exercise keyboard, pointer, disabled, error, and required states.
• Confirm submitted form data matches the visible state.

Secondary reference

After using the local example, consult the upstream Bits UI reference for exhaustive API details.

Continue

• Previous: Toggle
• Index: All component guides
• Next: Select