Switch

Storybook

Go to Story

Switch()

function Switch(__namedParameters): Element;

Defined in: src/components/Switch/Switch.tsx:37

A switch component for toggling between two states. Built on top of radix-ui Switch.

Parameters

Parameter	Type
__namedParameters	SwitchProps & RefAttributes<HTMLButtonElement>

Returns

Element

Examples

// Basic usage
<Switch checked={isEnabled} onCheckedChange={setIsEnabled} />

// With label
<SideLabel label="Enable notifications">
  <Switch checked={notificationsEnabled} onCheckedChange={setNotificationsEnabled} />
</SideLabel>

// Disabled state
<Switch disabled />