EstávelFormuláriodesde v0.1.0

Textarea

Campo de texto de várias linhas.

Quando usar

Texto longo: mensagens, descrições, observações.

Playground

Ajuste props ou edite o código em tempo real (componentes compatíveis).

Controles interativos disponíveis em breve para este componente. Use os exemplos abaixo como referência.

import { Textarea } from "./textarea"

export default function App() {
  return <Textarea placeholder="Sua mensagem" style={{ width: 280 }} />
}

Exemplos

Variações comuns de uso.

Uso básico

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

export function TextareaDemo() {
  return <Textarea />
}

API

Props principais documentadas para o time.

PropTipoPadrãoDescrição
classNamestringClasses Tailwind para layout e espaçamento.
childrenReactNodeConteúdo interno do componente.

Instalação

pnpm dlx shadcn@latest add http://localhost:3000/r/textarea.json
pnpm dlx shadcn@latest add @youxgroup/textarea

Dependências

npm: cn

Relacionados