Function: SplitView()

Call Signature

function SplitView(mainContent: 
  | ChildBlock
  | ChildBlock[], sidebarContent?: 
  | ChildBlock
  | ChildBlock[]): Block;

Defined in: src/renderer/blocks/index.ts:438

Split view — two-column layout with main content and optional sidebar.

Parameters

Parameter	Type
mainContent	| ChildBlock | ChildBlock[]
sidebarContent?	| ChildBlock | ChildBlock[]

Returns

Block

Examples

SplitView(
  Group([
    HeaderBar({title: 'Main Content'}),
    InputField({name: 'mainInput', label: 'Main Input'}),
  ]),
  Group([
    HeaderBar({title: 'Sidebar'}),
    InputField({name: 'sidebarInput', label: 'Sidebar Input'}),
  ]),
);

SplitView(
  {overlay: true},
  Group([HeaderBar({title: 'Main Content'})]),
  Group([HeaderBar({title: 'Sidebar'})]),
);

Call Signature

function SplitView(
   options: SplitViewProps, 
   mainContent: 
  | ChildBlock
  | ChildBlock[], 
   sidebarContent?: 
  | ChildBlock
  | ChildBlock[]): Block;

Defined in: src/renderer/blocks/index.ts:442

Split view — two-column layout with main content and optional sidebar.

Parameters

Parameter	Type
options	SplitViewProps
mainContent	| ChildBlock | ChildBlock[]
sidebarContent?	| ChildBlock | ChildBlock[]

Returns

Block

Examples

SplitView(
  Group([
    HeaderBar({title: 'Main Content'}),
    InputField({name: 'mainInput', label: 'Main Input'}),
  ]),
  Group([
    HeaderBar({title: 'Sidebar'}),
    InputField({name: 'sidebarInput', label: 'Sidebar Input'}),
  ]),
);

SplitView(
  {overlay: true},
  Group([HeaderBar({title: 'Main Content'})]),
  Group([HeaderBar({title: 'Sidebar'})]),
);