Zudo Sg

Type to search...

to open search from anywhere

SplitLayout

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

Layout

Usage

import { SplitLayout } from "@zudo-sg/ui/src/shared/split-layout/split-layout";

<SplitLayout
  ratio="60/40"
  left={<div>Left pane</div>}
  right={<div>Right pane</div>}
/>
Default (50/50)
Multiple ordered right-slot children (60/40)
Narrow (stacked below md)