Matterway
    Preparing search index...

    Variable splitViewConst

    splitView: SplitViewT = ...

    Split view component dividing UI into main content and sidebar sections. Centered layout for organizing UI elements.

    Basic usage with main content and sidebar

    splitView(
      group([
        headerBar({title: 'Main Content'}),
        inputField({ name: 'mainInput', label: 'Main Input' })
      ]),
      group([
        headerBar({title: 'Sidebar'}),
        inputField({ name: 'sidebarInput', label: 'Sidebar Input' })
      ])
    );

    With options object using overlay

    splitView(
      { overlay: true },
      group([
        headerBar({title: 'Main Content'}),
        inputField({ name: 'mainInput', label: 'Main Input' })
      ]),
      group([
        headerBar({title: 'Sidebar'}),
        inputField({ name: 'sidebarInput', label: 'Sidebar Input' })
      ])
    );

    Either the main content to display or the options object

    Main content to display (used when first parameter is options)

    Optional sidebar content that uses other component blocks

    The split view creates a two-column layout with main content and an optional sidebar. The view is automatically centered on the page. Both main content and sidebar can contain any valid React elements created with other component blocks.

    Settings