SplitLayout

Two-pane layout: stacked full-width panes below md, ratio-controlled side-by-side panes at md and above.

Layout

Default (50/50)

Multiple ordered right-slot children (60/40)

Narrow (stacked below md)

Source

<SplitLayout left={<div>Left pane</div>} right={<div>Right pane</div>} />

Injected into the previews above. SplitLayout

/* Live CSS — edits inject into every preview above.
   Try overriding a component utility, e.g.:
   .btn { letter-spacing: 0.04em; } */