Plotly Dash Components based on Mantine
Project description
Dash Mantine Components is an extensive (90+) 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
from datetime import date
import dash
from dash import Dash, Input, Output, callback, html
from dash.exceptions import PreventUpdate
import dash_mantine_components as dmc
dash._dash_renderer._set_react_version('18.2.0')
app = Dash(__name__, external_stylesheets=dmc.styles.ALL)
app.layout = dmc.MantineProvider(
[
dmc.DatePicker(
id="date-picker",
label="Start Date",
description="You can also provide a description",
minDate=date(2020, 8, 5),
value=None,
w=200
),
dmc.Space(h=10),
dmc.Text(id="selected-date"),
]
)
@callback(Output("selected-date", "children"), Input("date-picker", "value"))
def update_output(d):
prefix = "You have selected: "
if d:
return prefix + d
else:
raise PreventUpdate
if __name__ == "__main__":
app.run_server(debug=True)
Sponsors
Thanks to the following people for supporting my efforts on dash-mantine-components.
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. -
Build the components with the command:
npm run build
. -
Raise a PR, including an example to reproduce the changes contributed by the PR.
-
Unless you have changed dependencies, please do not include
package-lock.json
oryarn.lock
files.
Contributing to the Docs
We :heart: contributions to our documentation! It's a fantastic opportunity for first-time contributors since the
project is simply a Dash app built with dash-mantine-components
. For more details, check out the dmc-docs GitHub.
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 Distribution
Built Distribution
Hashes for dash_mantine_components-0.14.5.tar.gz
Algorithm | Hash digest | |
---|---|---|
SHA256 | fc21d5c636ee3b239f3c2b828a65709335ee7e1b2b0a60f023234ea88c51cabe |
|
MD5 | 24b24492cf81e234321d1102b25096fe |
|
BLAKE2b-256 | 4f9135367fa2c747273cd3a2fefc86ed98281f46a0daabb5803ce5f095997872 |
Hashes for dash_mantine_components-0.14.5-py3-none-any.whl
Algorithm | Hash digest | |
---|---|---|
SHA256 | 8899ec8831a171b70bc39d283ffa5a0b2825ed8f67f9ef47aa68cbb892e51e74 |
|
MD5 | cc092c7df3275462fa6769dc1e62906b |
|
BLAKE2b-256 | 790d68f55b27979924435444efd8a8eb110451c6ea3cd7d81ec75d6c76dcc57f |