Label

rivelle/label

FreeComponent

Accessible form control label.

Live preview

live · rendered by the registry

Rendered by rivelle on their own page — this is the component running, not a screenshot of it.

Install it

npx shadcn@latest add https://rivelle.dev/r/label.json

Source

registry/nova/ui/label.tsxrivelle.dev/r/label.json

1"use client"
2 
3import * as React from "react"
4import * as LabelPrimitive from "@radix-ui/react-label"
5 
6import { cn } from "@/lib/utils"
7 
8function Label({ className, ...props }: React.ComponentProps<typeof LabelPrimitive.Root>) {
9  return <LabelPrimitive.Root data-slot="label" className={cn("flex items-center gap-2 text-sm font-semibold leading-none tracking-[-0.01em] text-foreground peer-disabled:cursor-not-allowed peer-disabled:opacity-45 group-data-[disabled=true]:pointer-events-none group-data-[disabled=true]:opacity-45", className)} {...props} />
10}
11 
12export { Label }

What it pulls in

npm packages

@radix-ui/react-label

Other registry items

@rivelle/utils

Files it writes

registry/nova/ui/label.tsx

More from rivelle

All 83 items

Same registry, same kind — the ones you would have found next
Component	Registry	Kind	Access	Installs
Accordionaccordion	rivelle	Components	Free	2 deps
Alertalert	rivelle	Components	Free	1 dep
Alert Dialogalert-dialog	rivelle	Components	Free	1 dep
Aspect Ratioaspect-ratio	rivelle	Components	Free	1 dep
Avataravatar	rivelle	Components	Free	1 dep
Badgebadge	rivelle	Components	Free	2 deps
Breadcrumbbreadcrumb	rivelle	Components	Free	2 deps
Buttonbutton	rivelle	Components	Free	2 deps