https://github.com/jlfsjunior/dash_chakraui_components
Chakra UI components for Dash
https://github.com/jlfsjunior/dash_chakraui_components
chakra-ui dash python-packages
Last synced: 13 days ago
JSON representation
Chakra UI components for Dash
- Host: GitHub
- URL: https://github.com/jlfsjunior/dash_chakraui_components
- Owner: jlfsjunior
- License: other
- Created: 2021-03-24T19:07:59.000Z (almost 5 years ago)
- Default Branch: master
- Last Pushed: 2021-07-22T08:01:34.000Z (over 4 years ago)
- Last Synced: 2025-07-31T15:37:22.096Z (5 months ago)
- Topics: chakra-ui, dash, python-packages
- Language: Python
- Homepage: https://dash-chakraui-components.herokuapp.com/
- Size: 1.85 MB
- Stars: 6
- Watchers: 3
- Forks: 0
- Open Issues: 6
-
Metadata Files:
- Readme: README.md
- Contributing: CONTRIBUTING.md
- License: LICENSE
Awesome Lists containing this project
README
# Dash Chakra UI Components
Dash Chakra UI Components (DXC) is a Dash component library that wraps the [Chakra UI](https://chakra-ui.com/) React library. It follows the same principles from the React library, with a flair of the excellent [dash-bootstrap-components](https://dash-bootstrap-components.opensource.faculty.ai/) 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.](https://chakra-ui.com/docs/features/style-props).
- 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.](https://chakra-ui.com/docs/layout/grid#spanning-columns)
- (WIP) Themes and Customization: More to come!
## Getting started
The DXC documentation is available as a Heroku app:
https://dash-chakraui-components.herokuapp.com
The `docs` app codebase is located in [another repository](https://github.com/jlfsjunior/dash_chakraui_docs). It serves as an example of a [multi-page app](https://dash.plotly.com/urls) using `dash-chakraui-components`.
## Instalation
`dash-chakraui-components` is available in pip:
```bash
pip install dash-chakraui-components
```
## Contributing
See [CONTRIBUTING.md](./CONTRIBUTING.md)