Button

クリックで操作を実行するための基本コンポーネント。バリアントとサイズの組み合わせでアクションの重要度を表現する。ジョブアンテナでは求人への応募・いいかも！送信・検索実行・求人票の編集や削除など、あらゆる操作の起点に使う。

基本

バリアント6種の一覧。主要アクションは default、補助は secondary / outline、控えめな操作は ghost、取り消せない操作は destructive、遷移は link を使う。

テキストボタンは xs / sm / default / lg の4段階。アイコンのみのボタンは icon-* サイズと aria-label を組み合わせて正方形にする。

求人カードでの「応募する」と「いいかも！」の並び。応募済みの求人はラベルを「応募済み」に変えて disabled にし、二重応募を防ぐ。

検索条件パネルのフッター。ヒット件数を含めた「128件検索する」を primary、条件リセットの「すべてクリア」を ghost で並べる。