dhis2_generate_ui_data_display
Create customizable UI components like tables, cards, lists, modals, and loading states for DHIS2 health information systems, enhancing data display and user interaction.
Instructions
Generate @dhis2/ui data display patterns (tables, cards, lists, modal, loading states)
Input Schema
| Name | Required | Description | Default |
|---|---|---|---|
| componentName | No | Component name | |
| emptyState | No | Include empty state component | |
| includeCards | No | Include Card layout | |
| includeLists | No | Include list component | |
| includeLoading | No | Include CircularLoader loading state | |
| includeModal | No | Include Modal dialog | |
| includePagination | No | Include pagination controls | |
| includeTable | No | Include DataTable | |
| selection | No | Include row selection example | |
| skeleton | No | Include skeleton placeholders | |
| sorting | No | Include column sorting example | |
| stickyHeader | No | Use sticky header in table |
Input Schema (JSON Schema)
{
"properties": {
"componentName": {
"description": "Component name",
"type": "string"
},
"emptyState": {
"description": "Include empty state component",
"type": "boolean"
},
"includeCards": {
"description": "Include Card layout",
"type": "boolean"
},
"includeLists": {
"description": "Include list component",
"type": "boolean"
},
"includeLoading": {
"description": "Include CircularLoader loading state",
"type": "boolean"
},
"includeModal": {
"description": "Include Modal dialog",
"type": "boolean"
},
"includePagination": {
"description": "Include pagination controls",
"type": "boolean"
},
"includeTable": {
"description": "Include DataTable",
"type": "boolean"
},
"selection": {
"description": "Include row selection example",
"type": "boolean"
},
"skeleton": {
"description": "Include skeleton placeholders",
"type": "boolean"
},
"sorting": {
"description": "Include column sorting example",
"type": "boolean"
},
"stickyHeader": {
"description": "Use sticky header in table",
"type": "boolean"
}
},
"type": "object"
}