Skip to main content

Plotly Dash Components based on Mantine

Project description

logo

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.

Documentation

Table of contents

Installation

pip install dash-mantine-components

Quickstart

from datetime import date

from dash import Dash, Input, Output, callback, html
from dash.exceptions import PreventUpdate

import dash_mantine_components as dmc

app = Dash(__name__)

app.layout = html.Div(
    [
        dmc.DatePickerInput(
            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.

  1. ASCEND.IO
  2. Ann Marie Ward
  3. Rick Ahlf
  4. josca42

Contributing

  1. Join our Discord community.

  2. Install virtual environment:

    python -m venv venv
    source venv/bin/activate
    pip install -r requirements.txt
    
  3. Install npm dependencies

    npm install
    
  4. Add your new component in src/lib/components. Make sure to include it in the src/lib/index.js as well.

  5. Build the components with the command: npm run build.

  6. Raise a PR, including an example to reproduce the changes contributed by the PR.

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.13.0a3.tar.gz (478.3 kB view details)

Uploaded Source

Built Distribution

dash_mantine_components-0.13.0a3-py3-none-any.whl (712.6 kB view details)

Uploaded Python 3

File details

Details for the file dash_mantine_components-0.13.0a3.tar.gz.

File metadata

File hashes

Hashes for dash_mantine_components-0.13.0a3.tar.gz
Algorithm Hash digest
SHA256 6b7119b4dc12097b7cd14e25e89be8be7f2ade542cb660ceb609fe4d96c99cbb
MD5 2d97b3f12c22fbbcb446f98f46b01090
BLAKE2b-256 e88bf2b9ea171328b3b927d4c1960a3c4209429af3befac17e0e933f5ebc0852

See more details on using hashes here.

File details

Details for the file dash_mantine_components-0.13.0a3-py3-none-any.whl.

File metadata

File hashes

Hashes for dash_mantine_components-0.13.0a3-py3-none-any.whl
Algorithm Hash digest
SHA256 ad22b99fcf43830f57f0d78c17b37ea67df19c4a1199256d61f33b7e4b2bc0e8
MD5 ef40a23e4288bc4c7d47385db3940533
BLAKE2b-256 244d3bdb4cc1ea612ad97ccd4790ad1c2a958e7d8468ac0bcd842d24e9ca2779

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