Componentes

Textarea

Entrada de texto multilinha.

Campos e formulários

Carregando demonstração…

Código da demo
"use client";

import * as React from "react";
import { Label } from "@/components/ui/label";
import { Textarea } from "@/components/ui/textarea";

export function Demo() {
  const [value, setValue] = React.useState("");

  return (
    <div className="grid w-full max-w-sm gap-fe-2">
      <Label htmlFor="bio">Bio</Label>
      <Textarea
        id="bio"
        placeholder="Conte um pouco..."
        value={value}
        onChange={(e) => setValue(e.target.value)}
      />
    </div>
  );
}

Use

  • Texto livre de mais de uma linha, com rótulo visível.
  • Contador quando há limite de caracteres.

Não use

  • Não use para uma linha: use Input.
  • Não use placeholder como rótulo.
Acessibilidade
Label; aria-invalid; redimensionamento previsível.
Importar
import { Textarea } from "@financeequity/ui/textarea"

Neste repositório:

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