@sinco/react
v1.2.3-rc.21
Published
package for the configuration of mui react sinco
Downloads
380
Keywords
Readme
@sinco/react
Paquete de sinco react
Cómo empezar
npm i @sinco/react
Pre-requisitos
Asegúrate de tener instalado React en la versión 18. También, es necesario instalar Material-UI React. Puedes encontrar las instrucciones de instalación en el siguiente enlace: https://mui.com/material-ui/getting-started/installation/
Fuentes web de Google
Puedes utilizar fuentes de Google Web Fonts en tu proyecto. Para hacerlo, agrega el siguiente fragmento de código dentro de la etiqueta <head>
de tu proyecto:
<link
rel="stylesheet"
href="https://fonts.googleapis.com/css2?family=Nunito:wght@300;400;600;700&family=Roboto:wght@300;400;500;700&display=swap"
/>
Otra opción es instalar las fuentes Roboto y Nunito desde npm utilizando los paquetes O ya sea instalando las fuentes @fontsource/roboto y @fontsource/nunito en su archivo index.tsx, los fontsource son que se necesitan son :
Roboto
import '@fontsource/roboto/400.css'; import '@fontsource/roboto/500.css';
Nunito
import '@fontsource/nunito/300.css'; import '@fontsource/nunito/400.css'; import '@fontsource/nunito/500.css'; import '@fontsource/nunito/600.css';
Icons
Para usar el Iconcomponent
de fuente, primero debe agregar la fuente Material Icons.
Como utilizar
Para utilizar el tema personalizado de sinco react, debes envolver tu aplicación con el componente ThemeProvider
de Material-UI y proporcionar la variable SincoTheme
como valor del prop theme
en el ThemeProvider
Más información
Puedes encontrar más información sobre cómo utilizar React y Material-UI en la documentación oficial: -React -Material-UI
Requerimientos
Data grid pro: Data grid pro Instalar npm @mui/x-data-grid.
Dynamic Color: Instalar @material/material-color-utilities