Label

Renders an accessible label associated with controls.

Accept terms and conditions

import { Checkbox } from "@/components/ui/checkbox"
import { Label } from "@/components/ui/label"

For form fields, use the Field component which includes built-in label, description, and error handling.

Installation


pnpm dlx shadcn@latest add label

import { Label } from "@/components/ui/label"

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

For form fields, use the Field component which includes built-in FieldLabel, FieldDescription, and FieldError components.

<Field>
  <FieldLabel htmlFor="email">Your email address</FieldLabel>
  <Input id="email" />
</Field>

import { Button } from "@/components/ui/button"
import { Checkbox } from "@/components/ui/checkbox"
import {

To enable RTL support in DWL Components, see the RTL configuration guide.

قبول الشروط والأحكام

"use client"

import * as React from "react"

See the Radix UI Label documentation for more information.

On This Page

Build with DWL Components

Use the copied registry, charts, blocks, and create tools in one place.

Start from the DWL Components create flow and customize from there.