---
title: Toggle Group
---
import { BasicExample, WithIconsExample, DisabledExample, FullWidthExample, VerticalExample, IconOnlyExample } from "./toggleGroup.basic.tsx"

## Basic

A basic toggle group with simple text labels.

<BasicExample/>

## With Icons

Toggle group with icons.

<WithIconsExample/>

## Disabled Items

Toggle group with a disabled option.

<DisabledExample/>

## Full Width

A full-width toggle group that spans the container width.

<FullWidthExample/>

## Vertical Orientation

A vertical toggle group with icons, perfect for navigation menus or filters.

<VerticalExample/>

## Icon Only

Toggle groups with only icons and tooltips, in both horizontal and vertical orientations.

<IconOnlyExample/>