Switch

A control that allows the user to toggle between checked and unchecked states.

Example

Airplane Mode

Code

Example

import { Switch } from "cephalopod-design-system"
import { Label } from "cephalopod-design-system"

<div className="flex items-center space-x-2">
  <Switch id="airplane-mode" />
  <Label htmlFor="airplane-mode">Airplane Mode</Label>
</div>