Detail layout
Main column and a side column; side Cards; label and value rows; previous and next record (J/K).
Reference: Mochi transaction detail; ours (CMP detail-layout, call tracking record-pager)
Preview
Consent ID cns_8f2a
- When
- 25 Oct 2026, 16:36
- Choice
- Rejected all
- Rules
- EU / EEA · DE
- Page
- /checkout
Focus rings
Consent ID cns_8f2a
- When
- 25 Oct 2026, 16:36
- Choice
- Rejected all
- Rules
- EU / EEA · DE
- Page
- /checkout
In each theme: Default · Trackable · SkillDecks · BetterMarketer
Install
npx shadcn@4.23.0 add https://ui.dobrin-dobrev.co.uk/r/detail.json
Into an app set up with shadcn init --base radix; the parts it uses come with it.
Files
- registry/default/blocks/detail.tsx → components/blocks/detail.tsx