import { Meta, Story } from "@storybook/addon-docs/blocks";

import { Label } from "@/components/ui/label"; import { Switch } from "@/components/ui/switch";

<Meta title="Switch" component={Switch} />

Switch

<div className="flex items-center align-middle space-x-2"> <Switch id="airplane-mode" />

<Label htmlFor="airplane-mode">Airplane Mode</Label>

</div> <div className="flex items-center align-middle space-x-2"> <Switch id="airplane-mode" size="sm" />

<Label htmlFor="airplane-mode">Small Switch</Label>

</div>