Components
HeroUI v3 Label — accessible form label primitive that associates a caption with an input via htmlFor.
npx shadcn@latest add https://21st.dev/r/hero_ui/heroui-labelLoading preview...
import { Input } from "@heroui/react"
import { Label } from "@/components/ui/heroui-label"
export default function Basic() {
return (
<div className="flex flex-col gap-1">
<Label htmlFor="name">Name</Label>
<Input className="w-64" id="name" placeholder="Enter your name" type="text" />
</div>
)
}