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 にして二重応募を防ぐ。