#文本区域

Include CSS

导入 Tailwind 和一个完整的 A3S UI 样式包。

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

或者只导入基本CSS、Textarea组件CSS和一个样式包。

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

使用CDN或批量程序导入？请参见安装页。

Add your textarea HTML

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

使用原生 HTML 属性进行：disabled 用于取消文本区域，aria-invalid="true" 用于无效状态行为样式。

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