Label

Etiqueta accesible para campos de formulario. Se asocia automáticamente al input por htmlFor.

---

Import

import { Label } from '@imansi/ui';

---

Uso básico

<Label htmlFor="email">Email</Label>
<input id="email" type="email" />

En la mayoría de los casos no necesitás usar Label directamente. El componente Input lo genera automáticamente cuando pasás la prop label.

---

Con campos personalizados

import { Label, Input } from '@imansi/ui';

<div className="space-y-2">
  <Label htmlFor="nombre">Nombre completo</Label>
  <Input id="nombre" placeholder="Juan Pérez" />
</div>

---

Con indicador de requerido

<Label htmlFor="email">
  Email
  <span className="text-destructive ml-1">*</span>
</Label>

---

Props

Prop	Tipo	Default	Descripción
htmlFor	string	—	ID del campo asociado
className	string	—	Clases adicionales
...props	LabelHTMLAttributes	—	Props nativas de <label>

---

Accesibilidad

• Se asocia al campo vía htmlFor / id
• Click en el label enfoca el campo
• Compatible con lectores de pantalla