Workbench

inprogress

    Overview

    When to use

    Create a layout with distinct sections for navigation sidebar (optional), content, and a footer. The workbench occupies the full height of the parent container and the content section fills the remaining space.

    When to consider an alternative

    t.b.d.


    Component

    Default

    The Workbench component provides a layout with three sections: sidebar, content, and footer.

    Without Sidebar

    You can omit the sidebar prop to create a workbench without a sidebar section.

    With Sidebar component

    You can also pass a component as the sidebar prop.


    Properties

    Default

    PropertyTypeRequiredDefault
    utilClassNamesStringfalse-
    childrenNodefalse-
    workbenchRefShape
    { "current": "Any" }
    false-
    sidebarNodefalse-
    contentNodefalse-
    footerNodefalse-