ดาวน์โหลด bui - ดาวน์โหลดซอร์สโค้ด bui

bui

ส่วนประกอบของบุคคลที่สาม

v6.30.10

ดาวน์โหลด

ห้องสมุดระบบนิเวศที่ตอบสนองสำหรับการสร้างแพลตฟอร์มแบ็คออฟฟิศเช่น DD360
เป็นห้องสมุดที่สร้างขึ้นโดยนักพัฒนาสำหรับนักพัฒนา

V6 เสถียร

ส่วนประกอบ bui

เอกสาร•เว็บไซต์

- การติดตั้ง

npm install dd360-ds

หรือ

yarn add dd360-ds

- ปรับแต่งธีม

หากคุณต้องการใช้ผู้ให้บริการเพื่อกำหนดค่าธีมของไลบรารีคุณสามารถทำได้โดยใช้ The THEPROVIDER ที่จัดทำโดย 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 >
) ;