Switch

An on/off toggle control built on Radix Switch. Perfect for boolean settings.

Import

import { Switch } from "poyraz-ui/atoms";

Basic switch with label.

Airplane Mode

<div className="flex items-center gap-3">
  <Switch id="airplane" />
  <Label htmlFor="airplane">Airplane Mode</Label>
</div>

Notifications

<Switch id="notifications" defaultChecked />

Disabled off

Disabled on

<Switch disabled />
<Switch disabled defaultChecked />