Nexub DSv1.5.0
Brand
Patterns · Layout
The list-detail layout: side by side at 720px+ of its own width (a container query), one pane at a time below.
| Prop | Type | Default | Required | Description |
|---|---|---|---|---|
| list / detail | ReactNode | — | ✓ | The two panes. |
| showDetail | boolean | false | — | When narrow, show the detail instead of the list (set it on selection). |
| onBack | () => void | — | — | Back button, shown only when narrow. |
| listWidth | 'sm' | 'md' | 'lg' | 'md' | — | Fixed list width when both panes show (288 / 320 / 400px). |
import { List Detail } from '@nexub/patterns';