Toggle

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

Preview

bash

npx auralix-ui add toggle

tsx

import { Toggle } from "@/components/ui/Toggle";

<Toggle>Bold</Toggle>

Name	Type	Default	Description
`pressed`	`boolean`	`false`	The controlled state.
`onPressedChange`	`(pressed: boolean) => void`	`-`	Callback when state changes.
`variant`	`"default" \| "outline"`	`"default"`	Visual variant.

Sizes

On this page