bui

---

DD360などのバックオフィスプラットフォームを構築するためのReact Ecosystemライブラリ。
開発者が開発者が作成したライブラリです

安定したV6

ドキュメント•ウェブサイト

？インストール

npm install dd360-ds

または

yarn add dd360-ds

？テーマをカスタマイズします

プロバイダーを使用してライブラリのテーマを構成する場合は、DD360-DSが提供するTheMeproviderを使用してそうすることができます。これにより、テーマの独自の設定を設定できます。

Themeproviderを使用するには、次のようにインポートする必要があります。

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

その後、The CreateTheem関数を使用して独自のテーマ構成を作成できます。これは、テーマをカスタマイズするために異なるプロパティを持つオブジェクトを受け入れます。たとえば、以下に示すように、主要な色と二次色を定義できます。

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

テーマ構成を作成した後、Themeproviderを使用してReactアプリをラップできます。これは次のように行うことができます：

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

Themeprovider内では、DD360-DSが提供するコンポーネントを使用でき、対応するスタイルはテーマ設定に基づいて適用されます。

Themeproviderを使用するには、DD360-DS/テーマからCreateTheemeコンポーネントとThemeproviderコンポーネントの両方をインポートする必要があることを忘れないでください。

使用法

インストール後、すべてが正常に機能するためにいくつかの追加の構成を作成する必要があります。

styleSheetsをApp.jsまたはApp.tsxにインポートします

 import 'dd360-ds/dd360.css'

ショ和警告：他のスタイルと組み合わせたい場合は、CSSを最後のスタイルとしてインポートしてください。

コンポーネントをインポートする方法は？

 import { Button } from 'dd360-ds' 

？コンポーネント

これは最も楽しい部分です。以下に、現在開発中のコンポーネントの使用について説明します。

Docs Webサイトをご覧ください。