#Textarea

Include CSS

Import Tailwind and one full A3S UI style bundle.

@import "tailwindcss";
@import "@a3s-lab/ui/a3s.css";

Or import only the base CSS, Textarea component CSS, and one style pack.

@import "tailwindcss";
@import "@a3s-lab/ui/base.css";
@import "@a3s-lab/ui/components/textarea.css";
@import "@a3s-lab/ui/styles/a3s.css";

Using CDN or bundler imports? See the Installation page.

Add your textarea HTML

Add class="textarea" to a <textarea> element. Textareas inside a class="field" container also receive the same styling automatically.

Use native HTML attributes for behavior: disabled for disabled textareas and aria-invalid="true" for invalid state styling.

<textarea class="textarea" aria-label="Message" placeholder="Type your message here"></textarea>