Label

"use client";

import { Label } from "@dashboardpack/core/components/ui/label";
import { Input } from "@dashboardpack/core/components/ui/input";
import { Checkbox } from "@dashboardpack/core/components/ui/checkbox";

export default function LabelExample() {
  return (
    <div className="w-full max-w-sm space-y-5">
      <div className="space-y-2">
        <Label htmlFor="label-name">
          Display name <span className="text-destructive">*</span>
        </Label>
        <Input id="label-name" required placeholder="Alex Morgan" />
      </div>
      <div className="flex items-center gap-2">
        <Checkbox id="label-updates" />
        <Label htmlFor="label-updates">Send me product updates</Label>
      </div>
    </div>
  );
}