Skies.ui元件 (Components)
Textarea 多行文字
Skies.ui 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>安裝
npx skies-ui@latest add textarea見 安裝與 CLI。
無標籤
請提供 aria-label 或外層說明。
停用與錯誤
API 參考
| 項目 | 說明 |
|---|---|
Textarea | 原生 textarea；rows、disabled、aria-invalid 等沿用 HTML |
peer | 與 Input 相同，可搭配 Label 的 peer-disabled |
Textarea 可於 Server Component 使用。
Checkbox 核取方塊
Skies.ui Checkbox：Radix；勾選時 bg-primary／text-primary-foreground，未勾選 border-input（與 Input 一致）。與 Label、表單組合；螢幕閱讀器友善。
Modal 對話框
Skies.ui Modal：原生 dialog + showModal（非 Radix）。ModalTrigger 開啟；ModalContent 須含 ModalTitle（aria-labelledby）、可選 ModalDescription（aria-describedby）、ModalHeader／ModalFooter。關閉：ModalClose（可 asChild）、backdrop、Esc。