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 | - |