Utilidades
Label
Un componente de etiqueta de formulario con características de accesibilidad y soporte para modo oscuro.
Uso
El componente SLabel es un elemento de etiqueta estilizado para inputs de formulario, proporcionando tipografía consistente, soporte para modo oscuro y opciones de accesibilidad. Usa la prop for para asociarlo con un input de formulario por su ID.
Solo para lectores de pantalla
Usa la prop srOnly para ocultar visualmente la etiqueta mientras la mantiene accesible para lectores de pantalla.
Estilos personalizados
Pasa una prop class para sobrescribir o extender los estilos predeterminados. Las clases se combinan inteligentemente usando tailwind-merge.
Props
| Prop | Tipo | Default | Descripción |
|---|---|---|---|
for | string | - | El ID del elemento input con el que esta etiqueta está asociada |
srOnly | boolean | false | Ocultar visualmente la etiqueta (solo lector de pantalla) |
class | string | - | Clases CSS adicionales para personalizar la apariencia |
Slots
| Nombre | Descripción |
|---|---|
default | Contenido de texto de la etiqueta |