DetailPage
詳細ページのレイアウトコンポーネント群。Header / Content / SectionTitle / Description。
import { DetailPageHeader, DetailPageContent, DetailPageSectionTitle, DetailPageDescription } from "@blueai/ui"Examples
Composition
基本情報
この請求書の詳細情報が表示されます。
Props
| Prop | Type | Default | Description |
|---|---|---|---|
| title* | ReactNode | — | ページタイトル (Header) |
| description* | string | — | タイトルクリック時に表示される説明文 (Header) |
| icon | ReactNode | — | タイトル横のアイコン (Header) |
| action | ReactNode | — | 右端のアクションボタン (Header) |
| tabs | Tab[] | — | タブ定義 { key, label } (Header) |
| children* | ReactNode | — | コンテンツ |