メインコンテンツへスキップ
Context Grammar文脈を読むAI

テキストエリアとセレクト

複数行の入力は、文章を書く場所なので本文の書体を使います。セレクトはブラウザ標準のものに見た目だけ整えたもので、キーボードやタッチの操作はそのまま使えます。

プロパティ

▾

コード

import { Textarea } from "@/components/ui/kit/forms";

<Textarea placeholder="数行で書いてください" />

すべての状態

Textarea

Select

▾

使い方

こうする

  • 想定する答えの長さに合わせて高さを決めます。数行の答えなら数行分に。

こうしない

  • 選択肢が二つならセレクトにしない。ラジオボタンのほうが一目でわかります。

使っているトークン

使っているトークン
--paper…
--line-control…
--spark…
--ink…
--faint…
--font-body…

値はスタイルシートからその場で読み込んでいるため、サイトの表示テーマに合わせて変わります。