Toggle Group

A group of toggle buttons that can be toggled on or off.

Installation

Add the component to your project using the following command:

Import the component and its related parts.

Toggle Group Parts

import { ToggleGroup } from "components/selia/toggle-group";

The expected structure and composition of the component.

Anatomy

<ToggleGroup>
  <Toggle>Toggle</Toggle>
</ToggleGroup>

Each component part, its responsibility, and the props it exposes.

The toggle group component.

Base behavior is provided by Base UI Toggle Group. Refer to its documentation for the full API.

Name

Default

Options

`variant`

`default`

`default``outline``plain`

`size`

`md`

`sm``md``md-icon``lg-icon`

`orientation`

`horizontal`

`horizontal``vertical`