bui

---

Una biblioteca React Ecosystem para construir plataformas de back-office como DD360.
Es biblioteca creada por desarrolladores para desarrolladores

Estable V6

Documentos • Sitio web

? Instalación

npm install dd360-ds

o

yarn add dd360-ds

? Personalizar tema

Si desea utilizar un proveedor para configurar el tema de la biblioteca, puede hacerlo utilizando el the TheMeProvider proporcionado por DD360-DS. Esto le permitirá establecer su propia configuración para el tema.

Para usar el the the theprovider, debe importarlo de la siguiente manera:

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

Luego puede crear su propia configuración de tema utilizando la función CreateTheme, que acepta un objeto con diferentes propiedades para personalizar el tema. Por ejemplo, puede definir los colores primarios y secundarios como se muestra a continuación:

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

Después de crear la configuración de su tema, puede usar The TheMeProvider para envolver su aplicación React. Esto se puede hacer de la siguiente manera:

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

Dentro del themeprovider, puede usar los componentes proporcionados por DD360-DS y los estilos correspondientes se aplicarán en función de la configuración de su tema.

Recuerde que para usar el the ThemeProvider, debe importar tanto el componente CreateTheme como el componente ThemeProvider de DD360-DS/Temo.

Uso

Después de la instalación, deberá hacer algunas configuraciones adicionales para que todo funcione normalmente.

Importar hojas de estilo a la App.js o App.tsx

 import 'dd360-ds/dd360.css'

️ Advertencia: si desea combinarlo con otros estilos, asegúrese de importar nuestro CSS como el último.

¿Cómo importar componentes?

 import { Button } from 'dd360-ds' 

? Componentes

Esta es la parte más divertida. A continuación, explicaremos el uso de los componentes que estamos desarrollando actualmente.

Puede verificar y contribuir al sitio web de Docs aquí