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.

Live Demo

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

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", style={"width": "250px"}
        ),
        dmc.Space(h=20),
        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)

TODO:

  1. Add more components from Mantine library and enhance already added ones.
  2. Create documentation.
  3. Support dark theme.
  4. Create more examples.
  5. Add contributing guide.
  6. 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.1.tar.gz (157.6 kB view details)

Uploaded Source

Built Distribution

dash_mantine_components-0.2.1-py3-none-any.whl (201.3 kB view details)

Uploaded Python 3

File details

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

File metadata

  • Download URL: dash_mantine_components-0.2.1.tar.gz
  • Upload date:
  • Size: 157.6 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.1.tar.gz
Algorithm Hash digest
SHA256 e03d624591aa31c7051ba9c64f373bdd50cbd4a654934659bc208c4cdd7db767
MD5 b89aefd2ab4daaed42ccaad0dda4c40b
BLAKE2b-256 25980fc061288bab14abf0ed9bc26b320e9bc69523ac062787e2e0c57687876b

See more details on using hashes here.

File details

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

File metadata

  • Download URL: dash_mantine_components-0.2.1-py3-none-any.whl
  • Upload date:
  • Size: 201.3 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.1-py3-none-any.whl
Algorithm Hash digest
SHA256 46561614ca677d2c83baf373eb87f8da8371de90fd26dbbdb90c666c6a06abaf
MD5 0fd32edd85cfbfad11241d675976e688
BLAKE2b-256 07a62365c561eba1fff5018fa2f4e31bcf347cfc622f5294755bd0be7a7afeb0

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