Field/field-toggles-

PreviousNext

A field/field-toggles- example

Docs
shadcnblocksblock

Preview

Loading preview…
code/example/field/field-toggles-5.tsx
import { Field, FieldLabel } from "@/components/ui/field";
import { Switch } from "@/components/ui/switch";

export const title = "Simple Switch";

const Example = () => (
  <div className="w-full max-w-md">
    <Field orientation="horizontal">
      <FieldLabel htmlFor="airplane-mode">Airplane Mode</FieldLabel>
      <Switch id="airplane-mode" />
    </Field>
  </div>
);

export default Example;

Installation

npx shadcn@latest add @shadcnblocks/field-field-toggles-5

Usage

import { FieldFieldToggles5 } from "@/components/field-field-toggles-5"
<FieldFieldToggles5 />