Detail
DetailSurface with RecordHero, property inspector dialect, and section slots.
Data surfaces · fixture-only
CRM record page
RecordHero for title/actions + PropertySection for field grid — DetailSection for related lists.
Workshop: /objects/[module]/[id] — hero and properties must match UI Lab fixture.
Fixture data only — behaviour matches production chrome
Inspector property dialect
PropertyRow with span="full" for long text; tabular and mono variants for numeric and IDs.
Workshop: Agent inspector context tab, settings admin forms.
Fixture data only — behaviour matches production chrome
Quick preview
DetailSurface with hero slot and stacked DetailSection children.
Acme Corp
Customer · Active
Company
- Status
- Active
- Owner
- Jordan Lee
Activity
Recent events render here.RecordHero
Detail page title block — breadcrumb, caption, actions.
Acme Corp
Enterprise · 42 orders · Owner: Jordan Lee
Property inspector
PropertySection + PropertyGrid dialect for record fields.
Company
— CRM record
- Status
- Active
- ARR
- $1,240,000
- Owner
- Jordan Lee
- External ID
- acme-corp-42
- Notes
- Long-form description spans full width on two-column grids.
- Renewal
- —
SoftCardSurface padding
default · compact · none
default
Section body with standard inset.
compact
Tighter inset for dense inspectors.
none
No padding — caller owns inset.