Skip to main content
ParticleUI

Label

Accessible form label built on Radix UI.

Installation

1

Run the CLI

$npx particleui-cli add label

Usage

TSX
import { Label } from "@/components/ui/label"
import { Input } from "@/components/ui/input"

export default function Example() {
  return (
    <div className="grid gap-1.5">
      <Label htmlFor="email">Email</Label>
      <Input id="email" placeholder="you@example.com" />
    </div>
  )
}

Details

Source filecomponents/ui/label.tsx
Typeui
Categoriesforms, core
npm dependencies@radix-ui/react-label, tailwind-variants
Registry deps
Claude skill