nessra uinessra ui

Renders an accessible label associated with controls.

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

export function LabelDemo() {

Installation

pnpmnpmyarnbun
pnpm dlx shadcn@latest add https://nessra-ui.vercel.app/r/label.json

Usage

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

Examples

With Input

Loading...
import { Input } from "@/components/ui/input"
import { Label } from "@/components/ui/label"

With Checkbox

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

API Reference

Label

PropTypeDefaultDescription
htmlForstring-The id of the element the label is associated with