チャットコンポーザーChatComposerExperimental
チャット入力の前後に選択肢、作業コンテキスト、使用量、補助アクセサリを組み合わせる上位コンテナです。
プレビュー
状態とバリエーション
選択肢付き
AI やシステムからの選択肢を、入力欄の直前に配置します。
どの整理方針で進めますか？
作業状態付き
ブランチ、作業フォルダ、使用量など入力に関係する補助情報を、操作できる状態としてまとめます。
#24feature/insights-panel作業状態を選択できます。
アクセサリ付き
入力欄の周辺に装飾や補助状態を重ねます。入力本体の責務には含めません。
装飾や補助状態は accessory / footer slot に置きます。
プロパティ
表は横にスクロールできます
| プロパティ | 型 | 初期値 | 説明 |
|---|---|---|---|
| inputProps | ChatInputProps | - | 内側の ChatInput に渡す props です。 |
| context | React.ReactNode | - | 作業フォルダ、ブランチ、PR 状態などの入力コンテキストです。 |
| prompt | React.ReactNode | - | AI からの選択肢や、送信前に確認する質問です。 |
| status | React.ReactNode | - | リアルタイム補足状態などを入力欄の上に置くための領域です。 |
| footer | React.ReactNode | - | 使用量など、入力欄の下に置く補足表示です。 |
| accessory | React.ReactNode | - | 入力欄の周辺に重ねる補助 UI です。 |
使い方
Loading...