dhis2_generate_ui_navigation_layout
Generate navigation and layout patterns for DHIS2 applications, including header bars, sidebars, breadcrumbs, and tabs. Customize components with responsive CSS, RTL support, and feedback alerts.
Instructions
Generate @dhis2/ui navigation and layout patterns (header bar, sidebar, breadcrumbs, tabs)
Input Schema
| Name | Required | Description | Default |
|---|---|---|---|
| componentName | No | Component name | |
| includeBreadcrumbs | No | Include Breadcrumbs | |
| includeHeaderBar | No | Include HeaderBar | |
| includeResponsive | No | Include responsive CSS | |
| includeSidebar | No | Include sidebar Menu | |
| includeTabs | No | Include TabBar | |
| rtl | No | Add RTL considerations | |
| useAlerts | No | Include useAlert example for feedback |
Input Schema (JSON Schema)
{
"properties": {
"componentName": {
"description": "Component name",
"type": "string"
},
"includeBreadcrumbs": {
"description": "Include Breadcrumbs",
"type": "boolean"
},
"includeHeaderBar": {
"description": "Include HeaderBar",
"type": "boolean"
},
"includeResponsive": {
"description": "Include responsive CSS",
"type": "boolean"
},
"includeSidebar": {
"description": "Include sidebar Menu",
"type": "boolean"
},
"includeTabs": {
"description": "Include TabBar",
"type": "boolean"
},
"rtl": {
"description": "Add RTL considerations",
"type": "boolean"
},
"useAlerts": {
"description": "Include useAlert example for feedback",
"type": "boolean"
}
},
"type": "object"
}