01
Detail in a sidebar shell
A field-service work order on its own route inside a labelled sidebar console.
All groups
Screen group
Detail & record screens
One job shown four ways — a route in a sidebar console, a route under a header-only shell, a dialog over its list, and a drawer over its board — each in a different product so the shells never blur together.
- Available
- 03
- Sizes
- 03
- Group
- /details
Detail & record screens · 3 available
Available detail & record screens screens
Live routes rendered in isolated frames. Each preview has its own screen-size control for reviewing responsive layouts — or open a route in a dedicated tab.
02
Detail in a header-only shell
A podcast episode under a top navigation header, so content and metadata share the full width.
03
Detail in a dialog
A hiring pipeline behind an icon rail; a candidate row opens a modal that keeps your place.