元件 (Components)
Textarea 多行文字
Skies.ui Textarea:多行文字欄位,與 Input、Label 共用邊框與焦點環;表單範例。
Textarea 多行文字
Textarea 為原生 <textarea>,視覺與 Input 對齊(border-input、min-h-[80px]、resize-y)。可與 Label、aria-invalid、表單一併使用。
標籤 + 欄位
import { Label, Textarea } from "@skies-ui/ui";
<div className="grid gap-2">
<Label htmlFor="bio">自我介紹</Label>
<Textarea id="bio" placeholder="…" rows={4} />
</div>無標籤
請提供 aria-label 或外層說明。
停用與錯誤
API 摘要
| 項目 | 說明 |
|---|---|
Textarea | 原生 textarea;rows、disabled、aria-invalid 等沿用 HTML |
peer | 與 Input 相同,可搭配 Label 的 peer-disabled |
Textarea 可於 Server Component 使用。