bui

---

DD360과 같은 백 오피스 플랫폼을 구축하기위한 React Ecosystem 라이브러리.
개발자를 위해 개발자가 만든 라이브러리입니다

안정적인 v6

문서 • 웹 사이트

? 설치

npm install dd360-ds

또는

yarn add dd360-ds

? 테마를 사용자 정의하십시오

제공자를 사용하여 라이브러리 테마를 구성하려면 DD360-D에서 제공 한 Themeprovider를 사용하여 수행 할 수 있습니다. 이를 통해 테마에 대한 자신의 설정을 설정할 수 있습니다.

ThemeProvider를 사용하려면 다음과 같이 가져와야합니다.

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

그런 다음 CreateTheme 함수를 사용하여 자신만의 테마 구성을 만들 수 있습니다. CreateTheme 함수는 다른 속성을 가진 객체를 수용하여 테마를 사용자 정의합니다. 예를 들어, 아래와 같이 1 차 및 보조 색상을 정의 할 수 있습니다.

 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-D에서 제공하는 구성 요소를 사용할 수 있으며 해당 스타일은 테마 설정에 따라 적용됩니다.

ThemeProvider를 사용하려면 DD360-DS/테마에서 CreateTheme 구성 요소와 ThemeProvider 구성 요소를 모두 가져와야합니다.

용법

설치 후 모든 것이 정상적으로 작동하도록 추가 구성을 만들어야합니다.

스타일 시트를 App.js 또는 App.tsx 로 가져옵니다

 import 'dd360-ds/dd360.css'

켈 경고 : 다른 스타일과 결합하려면 CSS를 마지막 스타일로 가져 오십시오.

구성 요소를 가져 오는 방법?

 import { Button } from 'dd360-ds' 

? 구성 요소

이것은 가장 재미있는 부분입니다. 아래에서는 현재 개발중인 구성 요소의 사용에 대해 설명합니다.

여기에서 문서 웹 사이트를 확인하고 기여할 수 있습니다.