Toggle Group

A set of two-state buttons that can be toggled on or off.

Installation

npm install @matrix-ui/components

Usage

import { ToggleGroup, ToggleGroupItem } from '@matrix-ui/components'

<ToggleGroup type="single" defaultValue="center">
  <ToggleGroupItem value="left">Left</ToggleGroupItem>
  <ToggleGroupItem value="center">Center</ToggleGroupItem>
  <ToggleGroupItem value="right">Right</ToggleGroupItem>
</ToggleGroup>

Examples

Multiple Selection

Outline Variant

Sizes

Disabled