Skip to main content

Custom dash components based on Mantine React Components library

Project description

logo

Dash Mantine Components is an extensive (55+) 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. Add a line in the CHANGELOG.md under one of these: Added, Changed, Deprecated, Removed, Fixed.

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

TODO

  1. Add more components from Mantine library and enhance already added ones.
  2. Add contributing guide.
  3. Add testing.
  4. Enhance docs.
  5. 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 Distribution

dash_mantine_components-0.5.0.tar.gz (202.2 kB view details)

Uploaded Source

Built Distribution

dash_mantine_components-0.5.0-py3-none-any.whl (257.2 kB view details)

Uploaded Python 3

File details

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

File metadata

  • Download URL: dash_mantine_components-0.5.0.tar.gz
  • Upload date:
  • Size: 202.2 kB
  • Tags: Source
  • Uploaded using Trusted Publishing? No
  • Uploaded via: twine/3.7.1 importlib_metadata/4.10.1 pkginfo/1.8.2 requests/2.27.1 requests-toolbelt/0.9.1 tqdm/4.62.3 CPython/3.8.12

File hashes

Hashes for dash_mantine_components-0.5.0.tar.gz
Algorithm Hash digest
SHA256 8a9a6f038cfa130f70043dbcd88d1baab1d4f90c9a8c6725804565eed489996f
MD5 d991c51c1759144a415d3a0db9441e9b
BLAKE2b-256 a066bc7cb0077faede96d848b0e557a1e576bdd7bc57d2aa52939a5e4ef849a8

See more details on using hashes here.

File details

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

File metadata

  • Download URL: dash_mantine_components-0.5.0-py3-none-any.whl
  • Upload date:
  • Size: 257.2 kB
  • Tags: Python 3
  • Uploaded using Trusted Publishing? No
  • Uploaded via: twine/3.7.1 importlib_metadata/4.10.1 pkginfo/1.8.2 requests/2.27.1 requests-toolbelt/0.9.1 tqdm/4.62.3 CPython/3.8.12

File hashes

Hashes for dash_mantine_components-0.5.0-py3-none-any.whl
Algorithm Hash digest
SHA256 a62a6390612c70f215e5d1eccaf6bf77a0d7fc7d229c3dfb819eb4a5df0b856e
MD5 ba0710cdb986f18a2b0f1cfd97880b48
BLAKE2b-256 1c6c9020791576d879dd33b28b2e757e9d6e073454e0e3e6af5dc3f0c4710781

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