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.
| Prop | Tipo | Padrão | Descrição |
|---|---|---|---|
| className | string | — | Classes Tailwind para layout e espaçamento. |
| children | ReactNode | — | Conteúdo interno do componente. |
Instalação
pnpm dlx shadcn@latest add http://localhost:3000/r/textarea.jsonpnpm dlx shadcn@latest add @youxgroup/textareaDependências
npm: cn