BlueAI DetailRow
詳細ページのラベル + 値の行コンポーネント。
|
import { DetailRow } from "@blueai/ui"Examples
Stacked (Default)
会社名
株式会社サンプル
メール
sample@company.co.jp
電話
03-1234-5678
住所
東京都渋谷区〇〇 1-2-3
<DetailRow label="会社名" value="株式会社サンプル" />
<DetailRow label="メール" value="sample@company.co.jp" />
<DetailRow label="電話" value="03-1234-5678" />
<DetailRow label="住所" value="東京都渋谷区〇〇 1-2-3" />Inline
会社名株式会社サンプル
メールsample@company.co.jp
電話03-1234-5678
<DetailRow label="会社名" value="株式会社サンプル" direction="inline" />
<DetailRow label="メール" value="sample@company.co.jp" direction="inline" />
<DetailRow label="電話" value="03-1234-5678" direction="inline" />Props
| Prop | Type | Default | Description |
|---|---|---|---|
| label* | string | — | ラベル |
| value* | ReactNode | — | 値 |
| direction | "stacked" | "inline" | "stacked" | レイアウト方向 |