Multi Panel Layout
layoutConfigurable multi-panel layout with primary, secondary, and tertiary panes.
Preview
No preview available
Check the code examples below.
Installation
npm install @launchapp/design-systemImport
import { MultiPanelLayout } from "@launchapp/design-system";Examples
Three-column layout
<MultiPanelLayout primary={<div className="p-4">Main content</div>} secondary={<div className="p-4 bg-muted/30">Sidebar</div>} tertiary={<div className="p-4 bg-muted/20">Inspector</div>}/>Props
| Prop | Type | Default | Description |
|---|---|---|---|
primary* | React.ReactNode | — | Main content panel. |
secondary | React.ReactNode | — | Secondary sidebar or detail panel. |
tertiary | React.ReactNode | — | Tertiary panel (e.g., inspector). |