Quantcast
Channel: 🎛️ Dash - Plotly Community Forum
Viewing all articles
Browse latest Browse all 6271

Dash Mantine Components

$
0
0

Hi Everyone

I’m quite excited to share my first open source project with all of you: Dash Mantine Components.

Its a library of custom dash components based on a beautifully crafted react components library Mantine.dev. The components are crisp and beautiful.

Please visit the Mantine.dev website to see the look and feel of these components.

Currently available components are listed in the github readme.
Repository
PyPI

The library can be installed using pip:

pip install dash-mantine-components

I plan to maintain this library for the long haul and hope to learn a lot from the community. My TODO list already includes a thorough documentation, adding more components, and support dark theme.

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)

3 posts - 3 participants

Read full topic


Viewing all articles
Browse latest Browse all 6271

Latest Images

Trending Articles



Latest Images