Skip to main content

Custom dash components based on Mantine React Components library

Project description

dmc

Dash Mantine Components


dash-mantine-components is an extensive (40+) 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.

Documentation

https://user-images.githubusercontent.com/91216500/144928311-a62db8df-9780-4fa5-95fe-d2593acd3707.mp4

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

  1. Install virtual environment:
python -m venv venv
source venv/bin/activate
pip install -r requirements.txt
  1. Install npm dependencies
npm install

TODO

  1. Add more components from Mantine library and enhance already added ones.
  2. Support dark theme.
  3. Add contributing guide.
  4. Add testing.

Project details


Download files

Download the file for your platform. If you're not sure which to choose, learn more about installing packages.

Source Distribution

dash_mantine_components-0.2.2.tar.gz (169.0 kB view details)

Uploaded Source

Built Distribution

dash_mantine_components-0.2.2-py3-none-any.whl (219.6 kB view details)

Uploaded Python 3

File details

Details for the file dash_mantine_components-0.2.2.tar.gz.

File metadata

  • Download URL: dash_mantine_components-0.2.2.tar.gz
  • Upload date:
  • Size: 169.0 kB
  • Tags: Source
  • Uploaded using Trusted Publishing? No
  • Uploaded via: twine/3.6.0 importlib_metadata/4.8.2 pkginfo/1.7.1 requests/2.26.0 requests-toolbelt/0.9.1 tqdm/4.62.3 CPython/3.8.12

File hashes

Hashes for dash_mantine_components-0.2.2.tar.gz
Algorithm Hash digest
SHA256 37192892c3ca22ae15cfb2ecbf9e410082c6e8cc19b24b7ddb10da5a0a9036b1
MD5 5a5983b6583172b3e0e39f7ccd0db638
BLAKE2b-256 1388755ae425c5e0a164958e877c1019fe7a913e2ab99b4d21748e740dcd53dd

See more details on using hashes here.

File details

Details for the file dash_mantine_components-0.2.2-py3-none-any.whl.

File metadata

  • Download URL: dash_mantine_components-0.2.2-py3-none-any.whl
  • Upload date:
  • Size: 219.6 kB
  • Tags: Python 3
  • Uploaded using Trusted Publishing? No
  • Uploaded via: twine/3.6.0 importlib_metadata/4.8.2 pkginfo/1.7.1 requests/2.26.0 requests-toolbelt/0.9.1 tqdm/4.62.3 CPython/3.8.12

File hashes

Hashes for dash_mantine_components-0.2.2-py3-none-any.whl
Algorithm Hash digest
SHA256 170d61a79b76bbeb9feb3fa87528149b8ea7351a46a9f065b8daab57ef8bf890
MD5 d218d02dab7c0b36554e17de930e7c6e
BLAKE2b-256 fc81e7084730ffd002eabcfe15a5a67ecc35fa222f66d10b501f94f6ac839376

See more details on using hashes here.

Supported by

AWS AWS Cloud computing and Security Sponsor Datadog Datadog Monitoring Fastly Fastly CDN Google Google Download Analytics Microsoft Microsoft PSF Sponsor Pingdom Pingdom Monitoring Sentry Sentry Error logging StatusPage StatusPage Status page