sashigane
コンポーネント

Textarea

複数行の入力欄。長い文章を書く

1行の入力欄と同じ見た目です

違うのは高さだけです。同じものを使っています—— 別に書くと、片方だけ直したときにずれます。

高さが一致していないことはテストが測っています。

行数は利用側が決めます

rows を渡してください。何行が適切かは中身の事情であって、 システムの事情ではありません。

3つの状態

通常・空・エッジケースの3つは、どのコンポーネントにも必ずあります。

通常default.tsx

通常。凹んだ面を宣言している。

空empty.tsx

空。中身もラベルも無いとき。

エッジケースedge.tsx

エッジケース。誤りのときと、押せないとき。

この形では受け取れません

props

Prop

Type

型と説明はコンポーネントのソースから抽出しています。既定値は出していません——cva の defaultVariants は 署名に現れないので、表に出すと「引数のデフォルトが書かれているものだけ」になり、嘘になります。

On this page