bui

---

Библиотека экосистемы реагирования для создания бэк-офиса, таких как DD360.
Это библиотека, созданная разработчиками для разработчиков

Стабильный V6

Документы • Веб -сайт

? Установка

npm install dd360-ds

или

yarn add dd360-ds

? Настройте тему

Если вы хотите использовать поставщика для настройки темы библиотеки, вы можете сделать это, используя Themeprovider, предоставленный DD360-DS. Это позволит вам установить свои собственные настройки для темы.

Чтобы использовать Themeprovider, вы должны импортировать его следующим образом:

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

Затем вы можете создать свою собственную конфигурацию темы, используя функцию CreateTheme, которая принимает объект с различными свойствами для настройки темы. Например, вы можете определить первичные и вторичные цвета, как показано ниже:

 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, вы должны импортировать как компонент CreateTheme, так и компонент ThemeProvider из DD360-DS/Theme.

Использование

После установки вам придется сделать несколько дополнительных конфигураций, чтобы все работало нормально.

Таблицы стилей импорта в App.js или App.tsx

 import 'dd360-ds/dd360.css'

️ Предупреждение: если вы хотите объединить его с другими стилями, обязательно импортируйте наш CSS как последний.

Как импортировать компоненты?

 import { Button } from 'dd360-ds' 

? Компоненты

Это самая забавная часть. Ниже мы объясним использование компонентов, которые мы в настоящее время разрабатываем.

Вы можете проверить и внести свой вклад на веб -сайт DOCS здесь