Checkbox/checkbox-standard-

PreviousNext

A checkbox/checkbox-standard- example

Docs
shadcnblocksblock

Preview

Loading preview…
code/example/checkbox/checkbox-standard-11.tsx
import { Checkbox } from "@/components/ui/checkbox";
import { Label } from "@/components/ui/label";

export const title = "With Description";

const Example = () => (
  <div className="flex items-start space-x-2">
    <Checkbox className="mt-1" id="description" />
    <div className="space-y-1">
      <Label htmlFor="description">Marketing emails</Label>
      <p className="text-sm text-muted-foreground">
        Receive emails about new products, features, and updates.
      </p>
    </div>
  </div>
);

export default Example;

Installation

npx shadcn@latest add @shadcnblocks/checkbox-checkbox-standard-11

Usage

import { CheckboxCheckboxStandard11 } from "@/components/checkbox-checkbox-standard-11"
<CheckboxCheckboxStandard11 />