Skip to main content

Plotly Dash Components based on Mantine

Project description

logo

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.

Documentation

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

stylesheets = ["https://unpkg.com/@mantine/dates@7/styles.css"]
dash._dash_renderer._set_react_version('18.2.0')

app = Dash(__name__, external_stylesheets=stylesheets)

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.

  1. Ann Marie Ward
  2. Arne Petter

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

dongjak_dash_components-0.14.11.tar.gz (1.2 MB view details)

Uploaded Source

File details

Details for the file dongjak_dash_components-0.14.11.tar.gz.

File metadata

File hashes

Hashes for dongjak_dash_components-0.14.11.tar.gz
Algorithm Hash digest
SHA256 1185ce71ac88cc5a08e25da3d9f2893eba542c7d01ea69f3c85a246b4c2ebf33
MD5 3375beaba27fdb4d4130105af10213e0
BLAKE2b-256 f676d5a8189e659130c1e8c0e1f06f73ef033575f32e0638c01d25b7ad8fe6c1

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