@manhphi1309/label

A beautifully designed, accessible label component for your React application.

Subcomponents

This package provides the following components:

• Label

Dependencies

This package relies on:

• @manhphi1309/checkbox
• @manhphi1309/utils
• clsx
• radix-ui
• tailwind-merge

Installation

npm install @manhphi1309/label

Usage Example

import { Label } from "@manhphi1309/label"
import { Input } from "@manhphi1309/input"

export default function Example() {
  return (
    <div className="flex flex-col gap-2">
      <Label htmlFor="email">Email address</Label>
      <Input id="email" type="email" placeholder="[email protected]" />
    </div>
  )
}