Uqudo UIregistry

Label

Renders an accessible label associated with a control.

Installation

npx shadcn@latest add @uqudo/label

Usage

import { Label } from "@/components/uqudo/ui/label"
<Label htmlFor="email">Your email address</Label>

Point htmlFor at the control's id. The label dims itself when a sibling control marked peer is disabled, or when a parent has data-disabled="true".

API Reference

Label

Prop

Type

Data attributes

AttributeValue
data-slotAlways label.

On this page