Field

ラベル・入力・説明文・エラーをひとまとまりにして、フォームのレイアウトを統一するためのコンポーネント群。FieldSet / FieldLegend / FieldSeparator でセクションを区切り、orientation で縦・横・レスポンシブの並びを切り替える。ジョブアンテナでは応募プロフィールや求人票フォーム、通知設定などフォーム全般の骨組みに使う。

基本

FieldLabel・Input・FieldDescription を縦に並べる基本形。data-invalid と FieldError でエラーを表示し、orientation="horizontal" でチェックボックスと説明文を横に並べる。

応募プロフィール

求職者の応募プロフィールフォーム。FieldSet + FieldLegend で基本情報（氏名、電話番号）をまとめ、FieldSeparator で自己PRセクションを区切る。

通知設定

設定画面向けの横並びレイアウト。FieldContent にラベルと説明を入れ、右端にスイッチを置く。項目間は FieldSeparator で区切る。

求人票の給与・待遇

管理画面の求人票フォームのセクション例。給与種別のセレクトと下限・上限の2カラム入力を FieldGroup 内に組み合わせる。