Toggle

A two-state button that can be switched on or off. Built on Radix UI Toggle.

Installation

Props

PropTypeDefaultDescription
pressed
booleanControlled pressed state.
onPressedChange
(pressed: boolean) => voidCallback when pressed state changes.
defaultPressed
booleanfalseUncontrolled default pressed state.
variant
"default" | "outline""default"Visual style.
size
"default" | "sm" | "lg""default"Size.
disabled
booleanfalsePrevents interaction.