Display UI

Label

Provides a descriptive text or title for form elements, helping users understand the purpose of each input field.

Installation

npx shadcn@latest add https://display-ui.vercel.app/r/Label

Usage

import { Label } from "@/components/display-ui/Label"
<Label> This Is Label </Label>

API

Input Props

For Label Component

AttributeTypeDescriptionDefault
childrenReactNodeText or elements displayed inside the label.-
htmlForstringAssociates the label with a form control by its id for accessibility.-
classNamestringAdditional CSS classes to customize the label styling.-

Credits

This component is inspired by Rehman Kalawant Design Shared On Github.

On this page