企業セル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.
プレビュー
Props
表は横にスクロールできます
| プロパティ | 型 | 初期値 | 説明 |
|---|---|---|---|
| name | ReactNode | - | 企業/組織/エンティティ名(○○製作所 / IT導入補助金)。 |
| secondary | ReactNode | - | 副次行(業種/所在地/制度区分/法人番号)。 |
| logo | ReactNode | - | ロゴ(img/アイコン)。省略時は name から四角のイニシャルタイル。 |
| size | "sm" | "default" | "lg" | "default" | サイズ。 |
| logoClassName | string | - | ロゴタイルの追加クラス(ブランド色など)。 |
Usage
import { CompanyCell } from "@gunjo/ui"
<CompanyCell name="協栄精密工業株式会社" secondary="製造業・愛知県" logo={<IconBuildingFactory2 />} />
<CompanyCell name="ものづくり補助金" secondary="設備投資・上限1,250万円" /> // → square initial tile