DetailPage
v1.0.40Updated 4 Sept 2026Composed example detail page: DetailHead + Tabs + KVList side panel + Timeline. Reference for any "view a record" page.
Preview
Live · 10 storiesDefaultOpen ↗
▸Why this is recommendedpagedetailexamplerecord+1
The default, out-of-the-box DetailPage.
Recommended for+14
- ✓Reference for invoice / customer / employee detail pages
Tags+6
pagedetailexamplerecorddefault
Features+4
- DetailHead with status
- Tab strip
- Main content + side KVList
- Activity Timeline at bottom
Not recommended for−2
- ✕Direct embedding
Install
Ask your agent, or call the MCP tool directly. The resolved bundle is written into your project.
Usage
Tick variants in the left menu — each adds a tab with that variant’s real story source, the same code the preview above renders.
Props
No documented props — DetailPage is composed rather than configured. See the source for its full signature.