企業セルCompanyCellExperimental

The organization / entity identity cell: a SQUARE logo tile (or an initial fallback) + name + a secondary line (業種 / 所在地 / 制度区分). The org analogue of PersonCell (a ROUND avatar + person name) — use this for companies, programs, vendors, accounts, any non-person entity, so a card or a MatchCard side isn't forced into a person's avatar/presence model. name + secondary?/logo?/size?. RSC-safe.

プレビュー

協栄精密工業株式会社製造業(金属加工)・愛知県
ものづくり補助金設備投資・補助上限 1,250万円
さくらIT導入支援サービス業・東京都
小規模事業者持続化補助金販路開拓・補助率 2/3

Props

表は横にスクロールできます
プロパティ初期値説明
nameReactNode-企業/組織/エンティティ名(○○製作所 / IT導入補助金)。
secondaryReactNode-副次行(業種/所在地/制度区分/法人番号)。
logoReactNode-ロゴ(img/アイコン)。省略時は name から四角のイニシャルタイル。
size"sm" | "default" | "lg""default"サイズ。
logoClassNamestring-ロゴタイルの追加クラス(ブランド色など)。

Usage

import { CompanyCell } from "@gunjo/ui"

<CompanyCell name="協栄精密工業株式会社" secondary="製造業・愛知県" logo={<IconBuildingFactory2 />} />
<CompanyCell name="ものづくり補助金" secondary="設備投資・上限1,250万円" />  // → square initial tile

使用コンポーネント