Label

Renders an accessible label associated with controls.

Email address

Installation

Import from the package. Do not run shadcn add in your app.

tsx

import { Label } from "@carsxe/design-system/components/label"

Usage

tsx

import { Label } from "@carsxe/design-system/components/label"
import { Input } from "@carsxe/design-system/components/input"

<div className="flex flex-col gap-1.5">
  <Label htmlFor="email">Email</Label>
  <Input id="email" placeholder="name@company.com" />
</div>

Error

Email address

API Reference

Prop	Type	Default
htmlFor	string	—