Plotly Dash Components based on Mantine
Project description
Dash Mantine Components is an extensive (70+) Dash components library based on Mantine React Components Library. It makes it easier to create good quality dashboards with very well designed components out of the box.
Table of contents
Installation
pip install dash-mantine-components
Quickstart
import dash_mantine_components as dmc
from dash import Dash, Input, Output
app = Dash(__name__)
app.layout = html.Div(
[
dmc.DatePicker(id="datepicker", format="dddd, MMMM D, YYYY"),
dmc.Text(id="text"),
dmc.Button("Click Me!")
]
)
@app.callback(Output("text", "children"), Input("datepicker", "date"))
def datepicker(date):
return date
if __name__ == "__main__":
app.run_server(debug=True)
Contributing
-
Join our Discord community.
-
Install virtual environment:
python -m venv venv source venv/bin/activate pip install -r requirements.txt
-
Install npm dependencies
npm install
-
Add your new component in
src/lib/components
. Make sure to include it in thesrc/lib/index.js
as well. -
Ensure that component props are sorted in ascending order. Refer to existing components.
-
Build the components with the command:
npm run build
. -
Once you are ready to commit, add a line in the CHANGELOG.md under one of these: Added, Changed, Deprecated, Removed, Fixed.
-
Raise a PR, including an example to reproduce the changes contributed by the PR.
TODO
- Add contributing guide.
- Add testing.
- Add lazy loading to the components.
Project details
Release history Release notifications | RSS feed
Download files
Download the file for your platform. If you're not sure which to choose, learn more about installing packages.
Source Distributions
Built Distribution
Hashes for dash_mantine_components-0.11.0a0-py3-none-any.whl
Algorithm | Hash digest | |
---|---|---|
SHA256 | c3d7a4d13ed863a0cd7dadf7a08d0012dd64bf0d8e53f6775726eae801e417ec |
|
MD5 | 4fb7f45622645cc590208fa926ebbb84 |
|
BLAKE2b-256 | 21c61531af7aba7e945f4b26e3c731770987b81d0beffe51473a312317585ff8 |