materialdashboard is a Dash component library exposing Material-UI components.
Dash components are automatically generated using TypeScript definitions from the source React components.
pip install materialdashboardAlthough it is not listed in the requirements for this package, you will obviously need Dash to include the components in a web app.
Although the component properties should be documented from the extracted TypeScript comments, please refer to the Material-UI documentation for more information about each component.
Examples can be found on GitHub:
- Layout (mostly the
Gridcomponent) - Input components (buttons, selects, switches, text fields, etc.)
Child nodes are only supported for the children property of each component. If Material-UI components expect child components for properties other than children, you will not be able to pass a Dash component to them. You can however pass other types. For example, a string is a valid child node.
Not all events are implemented. Currently, all components support clicks through the n_clicks property. If you need an event that's currently missing, please open an issue or a pull request.