Textarea

Campo de texto multilínea con la misma etiqueta, pista y estados que Input.

Cuándo usarlo

Props. label, hint, error, rows (4 por defecto) y los atributos de <textarea>. Altura mínima 104px, redimensionable en vertical.

Ejemplos

Descripción

Máximo 280 caracteres.

Props

Prop	Tipo	Por defecto	Descripción
`label`	`ReactNode`	—	Etiqueta visible encima del campo. El placeholder nunca la sustituye.
`required`	`boolean`	—	Añade el asterisco tras la etiqueta (`text-brand-tertiary`, rojo con error).
`hint`	`ReactNode`	—	Pista bajo el campo. Con `error` de texto, la sustituye.
`error`	`string \| boolean`	—	Mensaje de error, o `true` para marcar el error sin texto.

Código

import { Textarea } from "@jotis-me/react";

export default function Page() {
	return (
		<>
			<Textarea label="Descripción" hint="Máximo 300 caracteres." />
		</>
	);
}

---
import { Textarea } from "@jotis-me/react";
---

<Textarea label="Descripción" hint="Máximo 300 caracteres." />

Sin directiva funciona como campo nativo dentro de un <form>. Si necesitas onChange, ponlo en una isla .tsx con client:load.