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' 

？成分

這是最有趣的部分。下面我們將說明我們目前正在開發的組件的使用。

您可以在此處檢查並向文檔網站貢獻