Input

Campo de entrada de texto con estados de foco y error

Componente de entrada de texto con estilos de foco y soporte para estados de error vía aria-invalid.

import { Input } from "@/components/ui/input";

export default function Example() {
  return <Input placeholder="Email" type="email" />;
}

View Code

Instalación

bash

liminal add input

Uso

import { Input } from "@/components/ui/input";

export default function Example() {
  return <Input placeholder="Email" type="email" />;
}

View Code

Ejemplos

Estado de error

Usa aria-invalid="true" para mostrar el estilo de error. Combínalo con Label y texto de error para accesibilidad.

import { Input } from "@/components/ui/input";

export default function Example() {
  return (
    <Input
      placeholder="Email"
      type="email"
      aria-invalid="true"
    />
  );
}

View Code

API

Prop	Type	Default	Description
type	string	"text"	Tipo nativo del input (text, email, password, etc.).
placeholder	string	-	Texto placeholder cuando está vacío.
aria-invalid	boolean	-	Ponlo a true para mostrar borde y estilo de error.