Skip to content

snehilvj/dash-mantine-components

Folders and files

NameName
Last commit message
Last commit date

Latest commit

Feb 27, 2025
2098360 ยท Feb 27, 2025
Feb 27, 2025
Oct 24, 2024
Jan 18, 2023
Feb 27, 2025
Feb 26, 2025
Feb 26, 2025
Nov 11, 2021
Jul 5, 2024
Nov 11, 2021
Aug 16, 2022
Nov 28, 2022
Feb 27, 2025
Oct 16, 2024
Aug 16, 2022
Nov 7, 2024
Nov 24, 2024
Apr 9, 2023
Feb 27, 2025
Feb 27, 2025
Aug 16, 2022
Feb 6, 2025
Oct 9, 2024
Oct 9, 2024
Mar 26, 2024
Dec 10, 2024
Aug 16, 2022
Dec 2, 2022

Repository files navigation

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.

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

dash._dash_renderer._set_react_version('18.2.0')

app = Dash(__name__, external_stylesheets=dmc.styles.ALL)

app.layout = dmc.MantineProvider(
    [
        dmc.DatePickerInput(
            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)

๐Ÿ“š Documentation

For detailed information on how to use this project, check out the Documentation. You'll find guides, API references, and examples to help you get started!

๐Ÿ› ๏ธ Contributing

We welcome all contributions! Feel free to open issues for any bugs or feature requests, and don't hesitate to comment on existing issues or pull requests. PRs are encouraged! For more details, please check out our Contributing Guide.

Join our Discord to connect with other contributors, or visit the Plotly Dash Community Forum for discussions and support.

๐Ÿ“ Contributing to the Docs

We โค๏ธ contributions to our documentation! It's a fantastic opportunity for first-time contributors since the project is simply a Dash app built with dash-mantine-components. For more details, check out the dmc-docs GitHub.

๐Ÿ’– Sponsors

A huge thank you to our current sponsors for supporting this project! ๐Ÿ™ Your contributions help drive development and improvements.

If youโ€™d like to support this project and help ensure its continued success, consider becoming a sponsor. Your support is greatly appreciated and helps keep the project growing and thriving!

โญ๏ธ Support by Starring the Project

If you find this project helpful, consider giving it a star on GitHub! โญ๏ธ It helps others discover the project and motivates us to keep improving it. Your support is greatly appreciated!