Textarea

Atomshadcn/ui, restyled with tokens

The bare multi-line control. Grows with its content from a three-line minimum.

components/atoms/textarea.tsx
Use it for
Building a new molecule.
Not for
A form field. Use TextAreaField.

States

Default
Invalid
Disabled

Usage

import { Textarea } from '@/components/atoms/textarea';

<Textarea aria-label="Note" />

Props

Textarea props
PropTypeDefaultDescription
aria-invalidboolean—The error state.
...restComponentProps<'textarea'>—Every native textarea prop, including ref.

Accessibility

  • Needs a name, the same way Input does.