Components

Toggle

A single, two-state button. For grouped toggles, see ToggleGroup.

Sizes

Usage

import { Toggle } from '@onersoft/design-system'

<Toggle pressed={bold} onPressedChange={setBold} aria-label="Toggle bold">B</Toggle>

Props

PropTypeDefault
size'sm' | 'md' | 'lg''md'
pressed / defaultPressedboolean
onPressedChange(pressed) => void
disabledbooleanfalse

On this page