Textarea

Campo de texto multilínea

Componente textarea para entrada de texto multilínea, alineado visualmente con el componente Input.

import { Textarea } from "@/components/ui/textarea";

export default function Example() {
  return (
    <Textarea
      placeholder="Escribe tu mensaje aquí"
      rows={4}
    />
  );
}

View Code

Instalación

bash

liminal add textarea

Uso

import { Textarea } from "@/components/ui/textarea";

export default function Example() {
  return (
    <Textarea
      placeholder="Escribe tu mensaje aquí"
      rows={4}
    />
  );
}

View Code

Ejemplos

Estado de error

Usa aria-invalid="true" para mostrar el estilo de error, igual que en Input.

import { Textarea } from "@/components/ui/textarea";

export default function Example() {
  return (
    <Textarea
      placeholder="Escribe tu mensaje aquí"
      aria-invalid="true"
    />
  );
}

View Code

API

Prop	Type	Default	Description
rows	number	-	Número de filas de texto visibles.
placeholder	string	-	Texto placeholder cuando está vacío.
aria-invalid	boolean	-	Ponlo a true para mostrar borde y estilo de error.