Label

aqua/label

FreeComponent

Etched form label in classic panel typography.

Live preview

live · rendered by the registry

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

Install it

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

Source

registry/aqua/ui/label.tsxaqua.duca.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({
9  className,
10  ...props
11}: React.ComponentProps<typeof LabelPrimitive.Root>) {
12  return (
13    <LabelPrimitive.Root
14      data-slot="label"
15      className={cn(
16        "flex select-none items-center gap-2 text-[13px] font-semibold text-[#33383f] [text-shadow:0_1px_0_rgba(255,255,255,0.7)] 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}
23 
24export { Label }

What it pulls in

npm packages

@radix-ui/react-label

Files it writes

registry/aqua/ui/label.tsx

More from aqua

All 26 items

Same registry, same kind — the ones you would have found next
Component	Registry	Kind	Access	Installs
Alertalert	aqua	Components	Free	1 dep
Avataravatar	aqua	Components	Free	1 dep
Badgebadge	aqua	Components	Free	2 deps
Buttonbutton	aqua	Components	Free	2 deps
Chat Bubblechat-bubble	aqua	Components	Free	no deps
Checkboxcheckbox	aqua	Components	Free	2 deps
Code Blockcode-block	aqua	Components	Free	2 deps · 2 files
Cursorcursor	aqua	Components	Free	no deps