label
neobrutalui/labelFreeComponent
Associate descriptive text with form controls.
Live preview
live · rendered by the registry
Rendered by neobrutalui on their own page — this is the component running, not a screenshot of it.Install it
npx shadcn@latest add https://www.neobrutalui.live/r/label.jsonSource
1"use client"23import * as React from "react"4import { cva, type VariantProps } from "class-variance-authority"5import { cn } from "@/lib/utils"67const labelVariants = cva(8 "text-sm font-bold leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70 text-black"9)1011type LabelProps = React.LabelHTMLAttributes<HTMLLabelElement> &12 VariantProps<typeof labelVariants>1314const Label = React.forwardRef<HTMLLabelElement, LabelProps>(15 ({ className, ...props }, ref) => (16 <label17 ref={ref}18 className={cn(labelVariants(), className)}19 {...props}20 />21 )22)23Label.displayName = "Label"2425export { Label }
What it pulls in
npm packages
Other registry items
More from neobrutalui
All 24 items| Component | Registry | Kind | Access | Installs | Command |
|---|---|---|---|---|---|
| accordionaccordion | neobrutalui | Components | Free | 2 deps | |
| alertalert | neobrutalui | Components | Free | 1 dep | |
| avataravatar | neobrutalui | Components | Free | no deps | |
| badgebadge | neobrutalui | Components | Free | 1 dep | |
| buttonbutton | neobrutalui | Components | Free | 1 dep | |
| cardcard | neobrutalui | Components | Free | no deps | |
| checkboxcheckbox | neobrutalui | Components | Free | 2 deps | |
| date-pickerdate-picker | neobrutalui | Components | Free | 2 deps |
