checkbox-sizes-demo

PreviousNext
Docs
pureuiexample

Preview

Loading preview…
registry/pure-ui/examples/checkbox/checkbox-sizes-demo.tsx
import { Checkbox } from "@/registry/pure-ui/ui/checkbox";

export function CheckboxSizesDemo() {
  return (
    <div className="flex flex-col gap-5">
      <label className="flex items-center gap-2 cursor-pointer">
        <Checkbox size="sm" />
        <span>Make a choice</span>
      </label>
      <label className="flex items-center gap-2 cursor-pointer">
        <Checkbox size="default" />
        <span>Make a choice</span>
      </label>

      <label className="flex items-center gap-2 cursor-pointer">
        <Checkbox size="lg" />
        <span>Make a choice</span>
      </label>
    </div>
  );
}

Installation

npx shadcn@latest add @pureui/checkbox-sizes-demo

Usage

import { CheckboxSizesDemo } from "@/components/checkbox-sizes-demo"
<CheckboxSizesDemo />