Dash Chakra UI Components (DXC) is a Dash component library that wraps the Chakra UI React library. It follows the same principles from the React library, with a flair of the excellent dash-bootstrap-components for the components logic required in Dash.
Some interesting features:
-
Style Props: Most of DXC components accept
styleProps
. Style Props are a very simple way to style components via Python dictionaries, including convenient shorthands for common CSS parameters. See the original documentation about it.. -
Grid System: The Chakra UI Grid system is quite flexible and support templates, going beyond the 12-cols approach from Bootstrap. Take a look here for an example.
-
(WIP) Themes and Customization: More to come!
The DXC documentation is available as a Heroku app:
https://dash-chakraui-components.herokuapp.com
The docs
app codebase is located in another repository. It serves as an example of a multi-page app using dash-chakraui-components
.
dash-chakraui-components
is available in pip:
pip install dash-chakraui-components
See CONTRIBUTING.md