Element: #610 Map, split and page (layout/page-frame) What it shows: A PageFrame floating a 352px panel over a stand-in map, with a mode switch (map, split, page), a side switch and a live readout of the covered pixels from stageInsets. When to use: Map-first screens where a panel sits over a live stage and the stage must keep pins and routes clear of what the panel covers. Spec: - A 380px tall frame holds a map stand-in and `` - `{#snippet header()}` has an h2 Territory and a line reading the covered px from `stageInsets.current` - `{#snippet toolbar()}` has a `TextField` labelled Search - Body holds two `SegmentedControl`s: Mode (Map, Split, Page) and Side (Left, Right) - `{#snippet footer()}` has a filled small `Button` Save - A pin on the map shifts with the covered area Tags: page-frame, map, stage, stage-insets, panel, split, page, sheet, layout Needs: @codeatlasdev/ui@4.6.0 Components: PageFrame, Button, TextField, SegmentedControl Live demo: https://ui.codeatlas.com.br/docs/layout/page-frame#map-split-and-page
{#snippet header()}

Territory

Covers {stageInsets.current.left}px left, {stageInsets.current.right}px right

{/snippet} {#snippet toolbar()} {/snippet} {#snippet footer()} {/snippet}