Workbench
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
Property | Type | Required | Default |
---|---|---|---|
utilClassNames | String | false | - |
children | Node | false | - |
workbenchRef | Shape {
"current": "Any"
} | false | - |
sidebar | Node | false | - |
content | Node | false | - |
footer | Node | false | - |