ToggleButton

A pressable toggle button built on bits-ui. Renders children inside a button that toggles between pressed/unpressed states.

Example

Pressed: false

Props

Prop	Type	Default	Description
`pressed`	`boolean`	`false`	Pressed state (bindable)
`onPressedChange`	`(pressed: boolean) => void`	—	Callback when state changes
`disabled`	`boolean`	`false`	Disable interaction
`children`	`Snippet`	—	Button content (required)
`class`	`string`	—	Additional CSS classes

Usage

<script>
  import { ToggleButton } from '@chrissnell/chonky-ui';
  let bold = $state(false);
</script>

<ToggleButton bind:pressed={bold}>
  B
</ToggleButton>