Label

Preview

Accept terms and conditions

import { Checkbox } from "@/registry/axon/ui/checkbox";
import { Label } from "@/registry/axon/ui/label";

export default function LabelDemo() {
  return (
    <div>
      <div className="flex items-center space-x-2">
        <Checkbox id="terms" />
        <Label htmlFor="terms">Accept terms and conditions</Label>
      </div>
    </div>
  );
}

import { Checkbox } from "@/registry/axon/ui/checkbox";import { Label } from "@/registry/axon/ui/label";export default function LabelDemo() {  return (    <div>      <div className="flex items-center space-x-2">        <Checkbox id="terms" />        <Label htmlFor="terms">Accept terms and conditions</Label>      </div>    </div>  );}

Installation

CLI

npx shadcn@latest add @emberui/label

yarn shadcn@latest add @emberui/label

pnpm dlx shadcn@latest add @emberui/label

bunx --bun shadcn@latest add @emberui/label

Reference

This component is based on the shadcn/ui Label component.

Label

Preview

Installation

CLI

Reference

On this page