跳转到主要内容

基于Mantine的Plotly Dash组件

项目描述

logo

Dash Mantine Components 是一个基于 Mantine React 组件库的庞大(90+)Dash 组件库。它使得使用现成的精心设计的组件来创建高质量的仪表板变得更容易。

文档

目录

安装

pip install dash-mantine-components

快速入门

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)

赞助商

感谢以下人员对我的 dash-mantine-components 工作的支援。

  1. Ann Marie Ward
  2. Arne Petter

贡献

  1. 加入我们的 Discord 社区。

  2. 安装虚拟环境

    python -m venv venv
    source venv/bin/activate
    pip install -r requirements.txt
    
  3. 安装npm依赖

    npm install
    
  4. src/lib/components 中添加您的新组件。请确保在 src/lib/index.js 中也包含它。

  5. 使用命令: npm run build 构建组件。

  6. 提交一个PR,包括一个示例来重现PR所做的贡献。

  7. 除非您已更改依赖项,否则请勿包括 package-lock.jsonyarn.lock 文件。

为文档贡献

我们非常喜欢对我们的文档的贡献!由于该项目只是一个用 dash-mantine-components 构建的 Dash 应用程序,因此这是一个为首次贡献者提供的绝佳机会。有关更多详细信息,请查看 dmc-docs GitHub

项目详情


下载文件

下载适用于您平台的文件。如果您不确定选择哪个,请了解更多关于 安装包 的信息。

源代码分发

dash_mantine_components-0.14.5.tar.gz (1.2 MB 查看哈希值)

上传时间 源代码

构建分发

dash_mantine_components-0.14.5-py3-none-any.whl (1.5 MB 查看哈希值)

上传时间 Python 3

由以下机构支持

AWS AWS 云计算和安全赞助商 Datadog Datadog 监控 Fastly Fastly CDN Google Google 下载分析 Microsoft Microsoft PSF 赞助商 Pingdom Pingdom 监控 Sentry Sentry 错误日志 StatusPage StatusPage 状态页面