label
formscn/labelFreeComponent
Label component
Install it
npx shadcn@latest add https://formscn.space/r/label.jsonSource
1"use client";23import * as React from "react";45import { cn } from "@/lib/utils";67function Label({ className, ...props }: React.ComponentProps<"label">) {8 return (9 <label10 data-slot="label"11 className={cn(12 "gap-2 text-xs leading-none group-data-[disabled=true]:opacity-50 peer-disabled:opacity-50 flex items-center select-none group-data-[disabled=true]:pointer-events-none peer-disabled:cursor-not-allowed",13 className,14 )}15 {...props}16 />17 );18}1920export { Label };
What it pulls in
npm packages
Files it writes
More from formscn
All 30 items| Component | Registry | Kind | Access | Installs | Command |
|---|---|---|---|---|---|
| buttonbutton | formscn | Components | Free | 2 deps | |
| calendarcalendar | formscn | Components | Free | 2 deps | |
| cardcard | formscn | Components | Free | no deps | |
| checkboxcheckbox | formscn | Components | Free | 1 dep | |
| fieldfield | formscn | Components | Free | no deps | |
| inputinput | formscn | Components | Free | 1 dep | |
| phone-inputphone-input | formscn | Components | Free | 2 deps | |
| popoverpopover | formscn | Components | Free | 1 dep |
