Toggle

Import

import { Toggle } from '@tallyui/primitives';

<Toggle.Root pressed={bold} onPressedChange={setBold}>
  <BoldIcon />
</Toggle.Root>

A pressable button that maintains a pressed/unpressed state.

Prop	Type	Default	Description
`pressed`	`boolean`	—	Controlled pressed state
`defaultPressed`	`boolean`	`false`	Initial state (uncontrolled)
`onPressedChange`	`(pressed: boolean) => void`	—	Called when pressed state changes
`disabled`	`boolean`	`false`	Prevents interaction
`asChild`	`boolean`	`false`	Merge props onto child instead of rendering

Plus all React Native PressableProps.