bui

---

React生态系统库，用于构建DD360等后台平台。
它是由开发人员为开发人员创建的库

稳定的V6

文档•网站

？安装

npm install dd360-ds

或者

yarn add dd360-ds

？自定义主题

如果您想使用提供商来配置库的主题，则可以使用DD360-DS提供的主题播放器进行操作。这将使您可以为主题设置自己的设置。

要使用theprovider，您必须按以下方式导入它：

 import { createTheme , ThemeProvider } from "dd360-ds/theme" ;

然后，您可以使用CreateTheme函数创建自己的主题配置，该函数接受具有不同属性的对象来自定义主题。例如，您可以定义主要和次要颜色，如下所示：

 const theme = createTheme ( {
  palette : {
    primary : {
      main : "purple"
    } ,
    secondary : {
      main : "#FFC107"
    }
  }
} ) ;

创建主题配置后，您可以使用theprovider包装React应用程序。这可以如下完成：

 ReactDOM . createRoot ( document . getElementById ( "root" ) ) . render (
  < StrictMode >
    < ThemeProvider theme = { theme } >
      < App />
    </ ThemeProvider >
  </ StrictMode >
) ;

在ThemeProvider中，您可以使用DD360-DS提供的组件，并将根据您的主题设置应用相应的样式。

请记住，要使用theprovider，您必须同时从DD360-DS/主题中导入CreateTheme组件和主题组件。

用法

安装后，您将必须制作一些额外的配置才能正常工作。

将样式表导入App.js或App.tsx

 import 'dd360-ds/dd360.css'

配x警告：如果您想将其与其他样式相结合，请确保将我们的CSS导入最后一个。

如何导入组件？

 import { Button } from 'dd360-ds' 

？成分

这是最有趣的部分。下面我们将说明我们目前正在开发的组件的使用。

您可以在此处检查并向文档网站贡献