Skies.ui
元件 (Components)

Textarea 多行文字

Skies.ui Textarea:多行文字欄位,與 Input、Label 共用邊框與焦點環;表單範例。

Textarea 多行文字

Textarea 為原生 <textarea>,視覺與 Input 對齊(border-inputmin-h-[80px]resize-y)。可與 Labelaria-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原生 textarearowsdisabledaria-invalid 等沿用 HTML
peerInput 相同,可搭配 Labelpeer-disabled

Textarea 可於 Server Component 使用。

On this page