Label

Docs

Label

Renders an accessible label associated with controls.

This component uses Radix UI

Accept terms and conditions

import { Checkbox_Shadcn_, Label_Shadcn_ } from 'ui'
 
export function LabelDemo() {
  return (
    <div>
      <div className="flex items-center space-x-2">
        <Checkbox_Shadcn_ id="terms" />
        <Label_Shadcn_ htmlFor="terms">Accept terms and conditions</Label_Shadcn_>
      </div>
    </div>
  )
}

Do not use this Label component in a Form

Please use FormLabel if you are using Form based components.

Usage

import { Label_Shadcn_ } from '@/components/ui/label'

<Label_Shadcn_ htmlFor="email">Your email address</Label_Shadcn_>

PreviousInput OTP

NextMenubar