Label

basecn/label

FreeComponent

Renders an accessible label associated with controls.

Live preview

live · rendered by the registry

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

Install it

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

Source

src/registry/components/ui/label.tsxbasecn.dev/r/label.json

1import * as React from "react";
2 
3import { cn } from "@/lib/utils";
4 
5function Label({ className, ...props }: React.ComponentProps<"label">) {
6  return (
7    <label
8      data-slot="label"
9      className={cn(
10        "flex items-center gap-2 text-sm leading-none font-medium select-none group-data-[disabled=true]:pointer-events-none group-data-[disabled=true]:opacity-50 peer-disabled:cursor-not-allowed peer-disabled:opacity-50  peer-[[data-disabled]]:opacity-50",
11        className
12      )}
13      {...props}
14    />
15  );
16}
17 
18export { Label };

Files it writes

src/registry/components/ui/label.tsx

More from basecn

All 56 items

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