Toggle

A two-state button that can be either on or off.

Installation

npm install @matrix-ui/components

Usage

import { Toggle } from '@matrix-ui/components'

<Toggle aria-label="Toggle bold">
  <Bold className="h-4 w-4" />
</Toggle>

Examples

Outline Variant

With Text

Sizes

Disabled

Default Pressed