<p align="center">
<img src="https://raw.githubusercontent.com/snehilvj/dash-mantine-components/master/assets/logo.png" alt="logo" width=300 >
</p>
<p align="center">
<img src="https://badgen.net/pypi/license/dash-mantine-components">
<a href="https://pypi.org/project/dash-mantine-components/">
<img src="https://badgen.net/pypi/v/dash-mantine-components">
</a>
<a href="https://discord.gg/KuJkh4Pyq5">
<img src="https://img.shields.io/badge/Chat%20on-Discord-%235865f2">
</a>
<img src="https://static.pepy.tech/personalized-badge/dash-mantine-components?period=total&units=international_system&left_color=grey&right_color=brightgreen&left_text=Downloads">
</p>
Dash Mantine Components is an extensive (90+) Dash components library based on [Mantine](https://mantine.dev/) React Components Library. It makes it easier to create good quality dashboards with very well designed components out of the box.
<p align="center">
<img src="https://raw.githubusercontent.com/snehilvj/dash-mantine-components/master/assets/datepicker.gif">
</p>
## Installation
```bash
pip install dash-mantine-components
```
## Quickstart
```python
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.DatePicker(
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](https://dash-mantine-components.com). 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.](https://github.com/snehilvj/dash-mantine-components/blob/master/CONTRIBUTING.md)
Join our [Discord](https://discord.gg/KuJkh4Pyq5) to connect with other contributors, or visit the [Plotly Dash Community Forum](https://community.plotly.com/)
for discussions and support.
## 📝 Contributing to the Docs
We :heart: 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.](https://github.com/snehilvj/dmc-docs)
## 💖 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](https://github.com/sponsors/snehilvj). 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!
Raw data
{
"_id": null,
"home_page": "https://github.com/snehilvj/dash-mantine-components",
"name": "autofeather-dash-mantine-components",
"maintainer": null,
"docs_url": null,
"requires_python": null,
"maintainer_email": null,
"keywords": null,
"author": "Snehil Vijay <snehilvj@outlook.com>",
"author_email": "snehilvj@outlook.com",
"download_url": "https://files.pythonhosted.org/packages/cc/dd/9d54309910a391cb7bfa6a5adcc7e17d211671fd33fec5409c8c9e9ddb5c/autofeather_dash_mantine_components-0.14.37.tar.gz",
"platform": null,
"description": "<p align=\"center\">\n <img src=\"https://raw.githubusercontent.com/snehilvj/dash-mantine-components/master/assets/logo.png\" alt=\"logo\" width=300 >\n</p>\n<p align=\"center\">\n <img src=\"https://badgen.net/pypi/license/dash-mantine-components\">\n <a href=\"https://pypi.org/project/dash-mantine-components/\">\n <img src=\"https://badgen.net/pypi/v/dash-mantine-components\">\n </a>\n <a href=\"https://discord.gg/KuJkh4Pyq5\">\n <img src=\"https://img.shields.io/badge/Chat%20on-Discord-%235865f2\">\n </a>\n <img src=\"https://static.pepy.tech/personalized-badge/dash-mantine-components?period=total&units=international_system&left_color=grey&right_color=brightgreen&left_text=Downloads\">\n</p>\n\nDash Mantine Components is an extensive (90+) Dash components library based on [Mantine](https://mantine.dev/) React Components Library. It makes it easier to create good quality dashboards with very well designed components out of the box.\n\n\n<p align=\"center\">\n <img src=\"https://raw.githubusercontent.com/snehilvj/dash-mantine-components/master/assets/datepicker.gif\">\n</p>\n\n\n## Installation\n\n```bash\npip install dash-mantine-components\n```\n\n## Quickstart\n\n```python\nfrom datetime import date\n\nimport dash\nfrom dash import Dash, Input, Output, callback, html\nfrom dash.exceptions import PreventUpdate\n\nimport dash_mantine_components as dmc\n\ndash._dash_renderer._set_react_version('18.2.0')\n\napp = Dash(__name__, external_stylesheets=dmc.styles.ALL)\n\napp.layout = dmc.MantineProvider(\n [\n dmc.DatePicker(\n id=\"date-picker\",\n label=\"Start Date\",\n description=\"You can also provide a description\",\n minDate=date(2020, 8, 5),\n value=None,\n w=200\n ),\n dmc.Space(h=10),\n dmc.Text(id=\"selected-date\"),\n ]\n)\n\n\n@callback(Output(\"selected-date\", \"children\"), Input(\"date-picker\", \"value\"))\ndef update_output(d):\n prefix = \"You have selected: \"\n if d:\n return prefix + d\n else:\n raise PreventUpdate\n\n\nif __name__ == \"__main__\":\n app.run_server(debug=True)\n```\n\n## \ud83d\udcda Documentation \n\nFor detailed information on how to use this project, check out the [Documentation](https://dash-mantine-components.com). You'll find guides, API references, and examples to help you get started!\n\n## \ud83d\udee0\ufe0f Contributing\n\nWe welcome all contributions! Feel free to open issues for any bugs or feature requests, and don't hesitate to\ncomment on existing issues or pull requests. PRs are encouraged! For more details, please check out our [Contributing Guide.](https://github.com/snehilvj/dash-mantine-components/blob/master/CONTRIBUTING.md)\n\nJoin our [Discord](https://discord.gg/KuJkh4Pyq5) to connect with other contributors, or visit the [Plotly Dash Community Forum](https://community.plotly.com/)\nfor discussions and support.\n\n\n## \ud83d\udcdd Contributing to the Docs\n\nWe :heart: contributions to our documentation! It's a fantastic opportunity for first-time contributors since the\nproject is simply a Dash app built with `dash-mantine-components`. For more details, check out the [dmc-docs GitHub.](https://github.com/snehilvj/dmc-docs)\n\n\n## \ud83d\udc96 Sponsors\n\nA huge thank you to our current sponsors for supporting this project! \ud83d\ude4f Your contributions help drive development and improvements.\n\nIf you\u2019d like to support this project and help ensure its continued success, consider [becoming a sponsor](https://github.com/sponsors/snehilvj). Your support\nis greatly appreciated and helps keep the project growing and thriving!\n\n\n## \u2b50\ufe0f Support by Starring the Project\nIf you find this project helpful, consider giving it a star on GitHub! \u2b50\ufe0f It helps others discover the project and\nmotivates us to keep improving it. Your support is greatly appreciated!\n\n",
"bugtrack_url": null,
"license": "MIT",
"summary": "Plotly Dash Components based on Mantine",
"version": "0.14.37",
"project_urls": {
"Homepage": "https://github.com/snehilvj/dash-mantine-components"
},
"split_keywords": [],
"urls": [
{
"comment_text": "",
"digests": {
"blake2b_256": "1c451c2bed4e63608196d499c9e2fb9e1917ae462fae1c22363eadf3648ee12d",
"md5": "e5e49dac5895a34563b28b80647eb57a",
"sha256": "55791363ec94dfb55582c3d726297774dd7fc7217358ea43ff95aa29ee46749c"
},
"downloads": -1,
"filename": "autofeather_dash_mantine_components-0.14.37-py3-none-any.whl",
"has_sig": false,
"md5_digest": "e5e49dac5895a34563b28b80647eb57a",
"packagetype": "bdist_wheel",
"python_version": "py3",
"requires_python": null,
"size": 1483176,
"upload_time": "2024-10-28T01:00:23",
"upload_time_iso_8601": "2024-10-28T01:00:23.885793Z",
"url": "https://files.pythonhosted.org/packages/1c/45/1c2bed4e63608196d499c9e2fb9e1917ae462fae1c22363eadf3648ee12d/autofeather_dash_mantine_components-0.14.37-py3-none-any.whl",
"yanked": false,
"yanked_reason": null
},
{
"comment_text": "",
"digests": {
"blake2b_256": "ccdd9d54309910a391cb7bfa6a5adcc7e17d211671fd33fec5409c8c9e9ddb5c",
"md5": "23a965b8aadaaebfec68ec4af16b6ba1",
"sha256": "5d4cc9081e71768246b5b7dd423846dfebbd89e238134ac46a14c25acdb65d41"
},
"downloads": -1,
"filename": "autofeather_dash_mantine_components-0.14.37.tar.gz",
"has_sig": false,
"md5_digest": "23a965b8aadaaebfec68ec4af16b6ba1",
"packagetype": "sdist",
"python_version": "source",
"requires_python": null,
"size": 872636,
"upload_time": "2024-10-28T01:00:32",
"upload_time_iso_8601": "2024-10-28T01:00:32.767141Z",
"url": "https://files.pythonhosted.org/packages/cc/dd/9d54309910a391cb7bfa6a5adcc7e17d211671fd33fec5409c8c9e9ddb5c/autofeather_dash_mantine_components-0.14.37.tar.gz",
"yanked": false,
"yanked_reason": null
}
],
"upload_time": "2024-10-28 01:00:32",
"github": true,
"gitlab": false,
"bitbucket": false,
"codeberg": false,
"github_user": "snehilvj",
"github_project": "dash-mantine-components",
"travis_ci": false,
"coveralls": false,
"github_actions": true,
"requirements": [],
"lcname": "autofeather-dash-mantine-components"
}
JSON
