Composer

id・label・name・submitLabel を渡します。全体は標準の form で、action・method などの属性はそのまま form に付きます。題名の行に label を置き、その下に本文の欄、下の行に actions と送信ボタンを並べます。Composer 自体は面も影も持たず、本文の欄だけが複数行の入力欄と同じ枠（白い面に1px #c1c1c1、角丸5px、内側の影なし）と、フォーカスした時の青い縁と淡い青の輪を持ちます。

to に宛先（人やチャンネル）、status に下書きの保存などの状態を渡すと、題名の行に並べます。label は本文と同じ大きさ（13px）の太字、宛先は11pxの灰色の文字、状態は末尾側に11pxの茶色の文字で出します。attachments には FileInput や選んだファイルの一覧を渡し、本文の下に置きます。

本文の欄は続けて読む文章の大きさ（14px）で、上下10px・左右14pxの余白を取り、プレースホルダーは灰色（#999）です。最小の高さは3行分で、field-sizing に対応するブラウザでは入力した分だけ伸びます（20行まで）。対応しないブラウザでは rows の行数の高さになります。

busy は送信ボタンを「送信中…」にして押せなくし、二重の送信を防ぎます。error は本文の欄の下に出して欄に関連付けます。送信・下書きの保存・送信後に busy や error を切り替えることは利用側で行います。

editor にリッチテキストの編集コンポーネント（ProseMirror・Tiptapなど）や contenteditable の要素を渡すと、本文の欄と差し替えます。中の入力エリアがどの深さにあっても、本文と同じ文字と行の高さを適用し、囲みに本文の欄と同じ枠とフォーカスの輪を付け（TextEditor を入れた時は TextEditor の枠だけにし）、段落や箇条書きの間を一定の間隔にそろえます。空の contenteditable には data-placeholder の文を薄く出します。この時 name・value・placeholder・rows・required は使わず、送信する値の受け渡しは編集コンポーネントの側で行います。error は本文の欄と同じく編集コンポーネントの下に出し、囲みの枠を赤にします。

controllerは持ちません。JavaScriptが無い時も、標準のフォームとして本文と添付を送信できます。