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

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. 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. Ensure that component props are sorted in ascending order. Refer to existing components.

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

  7. Once you are ready to commit, add a line in the CHANGELOG.md under one of these: Added, Changed, Deprecated, Removed, Fixed.

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

TODO

  1. Add contributing guide.
  2. Add testing.
  3. Add lazy loading to the components.

Project details


Download files

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

Source Distributions

No source distribution files available for this release.See tutorial on generating distribution archives.

Built Distribution

dash_mantine_components-0.11.0a0-py3-none-any.whl (397.8 kB view details)

Uploaded Python 3

File details

Details for the file dash_mantine_components-0.11.0a0-py3-none-any.whl.

File metadata

File hashes

Hashes for dash_mantine_components-0.11.0a0-py3-none-any.whl
Algorithm Hash digest
SHA256 c3d7a4d13ed863a0cd7dadf7a08d0012dd64bf0d8e53f6775726eae801e417ec
MD5 4fb7f45622645cc590208fa926ebbb84
BLAKE2b-256 21c61531af7aba7e945f4b26e3c731770987b81d0beffe51473a312317585ff8

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