Documentation

Toggle Group

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

preview

Usage

import { ToggleGroup, ToggleGroupItem } from '@isyuricunha/ui'
<ToggleGroup type='single'>
  <ToggleGroupItem value='a'>A</ToggleGroupItem>
  <ToggleGroupItem value='b'>B</ToggleGroupItem>
  <ToggleGroupItem value='c'>C</ToggleGroupItem>
</ToggleGroup>

Examples

Default

preview

Outline

preview

Single

preview

Small

preview

Large

preview

Disabled

preview
Edit on GitHub