Adapter SDKBuiltin components

Builtin component

SplitPane

Sidebar + content + inspector layout.

Props

PropTypeDefaultDescription
sidebarPageNode | PageNode[]—Left pane
contentPageNode | PageNode[]—Center pane
inspectorPageNode | PageNode[]—Right pane (optional)

Example

SplitPane({
  sidebar: ResourceTree({ label: "Explorer", branch: { source: tree() } }),
  content: Table({ source: selected() }),
  inspector: Card({ content: Value({ source: detail(), field: "info" }) }),
})

Select

Dropdown input.

Stack

Vertical stack with gap.

Props
Example