Card

関連する情報をひとまとまりの面として区切って表示するコンテナコンポーネント。ジョブアンテナでは求人一覧の求人カードや管理画面ダッシュボードの KPI カードなど、情報のかたまりを並べる画面の基本要素になる。size プロパティ(default / sm)で余白の密度を切り替えられる。

基本

CardHeader / CardTitle / CardDescription / CardAction / CardContent / CardFooter を組み合わせた基本構成。size="sm" にすると余白が詰まり、一覧向けのコンパクトなカードになる。

求人カード(MEDIUM)

求人一覧の標準サイズ。メイン画像・企業名・職種名・キャッチタイトル・勤務条件・タグ・応募ボタンまでを1枚に収める。画像を上端まで広げるため Card に pt-0 を指定する。

求人カード(SMALL)

職種名・タイトル・企業名のみの最小構成。関連求人やランキングなど、限られたスペースに多数並べる場面で使う。

統計カード

管理画面ダッシュボードの KPI カード。CardAction に指標のアイコン、CardContent に内訳の補足を置き、グリッドで並べる。