Item
アイコン・タイトル・説明・アクションを1行にまとめて並べるリスト行コンポーネント。ItemGroup と ItemSeparator で境界線付きのリストを組み立てられる。求人リストの行、マイページの設定メニュー、通知のオン・オフ設定など、同じ形の行を縦に積む場面で使う。
基本
ItemMedia(variant="icon")・ItemContent・ItemActions を並べた基本形。variant は outline / muted、size は sm を切り替えられ、複数行は ItemGroup と ItemSeparator でまとめる。
設定メニュー
render プロップに a 要素を渡して各行をリンク化した設定メニュー。通知設定やブロック企業などマイページの遷移先一覧に使い、件数は Badge、遷移できることは ChevronRight で示す。
通知設定
ItemActions に Switch を置いたオン・オフ設定のリスト。新着求人やいいかも!など通知の種類ごとに1行を割り当て、説明文で通知のタイミングを補足する。
求人カード
ItemHeader に企業名と更新日、ItemFooter にバッジと応募ボタンを置いた求人カード。応募済みの求人はボタンを disabled にして二重応募を防ぐ。