Label
blok/labelFreeComponent
Renders an accessible label associated with controls.
Install it
npx shadcn@latest add https://blok.sitecore.com/r/label.jsonSource
1"use client";23import { Label as LabelPrimitive } from "radix-ui";4import type * as React from "react";56import { cn } from "@/lib/utils";78function Label({9 className,10 ...props11}: React.ComponentProps<typeof LabelPrimitive.Root>) {12 return (13 <LabelPrimitive.Root14 data-slot="label"15 className={cn(16 "text-md text-neutral-fg flex items-center gap-2 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",17 className,18 )}19 {...props}20 />21 );22}2324export { Label };
What it pulls in
npm packages
Other registry items
Files it writes
More from blok
All 72 items| Component | Registry | Kind | Access | Installs | Command |
|---|---|---|---|---|---|
| Accordionaccordion | blok | Components | Free | 2 deps · 2 files | |
| Action baraction-bar | blok | Components | Free | 1 dep · 2 files | |
| Alertalert | blok | Components | Free | 2 deps · 2 files | |
| Alert dialogalert-dialog | blok | Components | Free | 2 deps | |
| Aspect ratioaspect-ratio | blok | Components | Free | 1 dep | |
| Avataravatar | blok | Components | Free | 1 dep | |
| Badgebadge | blok | Components | Free | 2 deps | |
| All componentsblok-components | blok | Components | Free | no deps |
