open-index/open-npm huggingface dataset:
npm package: @sinchsmb/eslint-config-react
Description: Shared ESLint config for the SinchSMB frontend
Latest version: 0.1.2

# sinchsmb/eslint-config-react

[![Commitizen friendly](https://img.shields.io/badge/commitizen-friendly-brightgreen.svg)](http://commitizen.github.io/cz-cli/)\
[JSONSchema](https://json.schemastore.org/eslintrc)

Shared [ESLint](https://eslint.org) configuration for the SinchSMB frontend.
npm package: @sinchsmb/prettier-config-base
Description: Shared Prettier config for the SinchSMB frontend
Latest version: 0.1.0

# sinchsmb/prettier-config-base

[![Commitizen friendly](https://img.shields.io/badge/commitizen-friendly-brightgreen.svg)](http://commitizen.github.io/cz-cli/)\
[JSONSchema](https://json.schemastore.org/prettierrc)

Shared [prettier](https://prettier.io) configuration for the SinchSMB frontend.
npm package: @sinchsmb/stylelint-config-styled
Description: Shared Stylelint config for the SinchSMB frontend
Latest version: 0.1.5

# sinchsmb/prettier-config-base

[![Commitizen friendly](https://img.shields.io/badge/commitizen-friendly-brightgreen.svg)](http://commitizen.github.io/cz-cli/)\
[JSONSchema](https://json.schemastore.org/stylelintrc)

Shared [stylelint](https://stylelint.io) configuration for the SinchSMB frontend.
npm package: @sinchsmb/tsconfig
Description: TypeScript shared config for the SinchSMB frontend
Latest version: 0.1.2

# sinchsmb/tsconfig

[![Commitizen friendly](https://img.shields.io/badge/commitizen-friendly-brightgreen.svg)](http://commitizen.github.io/cz-cli/)\
[JSONSchema](http://json.schemastore.org/tsconfig)

Shared [typescript](https://www.typescriptlang.org) configuration for the SinchSMB frontend.
npm package: @sinco/modelos
Description: This library was generated with [Nx](https://nx.dev).
Latest version: 3.0.1-rc.0

# modelos

This library was generated with [Nx](https://nx.dev).

## Running unit tests

Run `nx test modelos` to execute the unit tests via [Jest](https://jestjs.io).

## Running lint

Run `nx lint modelos` to execute the lint via [ESLint](https://eslint.org/).
npm package: @sinco/react
Description: package for the configuration of mui react sinco
Latest version: 1.2.9-rc.1

# @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"
    />`
<br/>
Otra opción es instalar las fuentes Roboto y Nunito desde npm utilizando los paquetes O ya sea instalando las fuentes [@fontsource/roboto](https://www.npmjs.com/package/@fontsource/roboto) y [@fontsource/nunito](https://www.npmjs.com/package/@fontsource/nunito) en su archivo index.tsx, los fontsource son que se necesitan son :

## Roboto

import '@fontsource/roboto/400.css';
<br/>
import '@fontsource/roboto/500.css';

## Nunito

import '@fontsource/nunito/300.css';
<br/>
import '@fontsource/nunito/400.css';
<br/>
import '@fontsource/nunito/500.css';
<br/>
import '@fontsource/nunito/600.css';

## Icons

Para usar el `Iconcomponent` de fuente, primero debe agregar la fuente [Material Icons](https://mui.com/material-ui/getting-started/installation/#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](https://mui.com/material-ui/customization/theming/#theme-provider)

## Más información

Puedes encontrar más información sobre cómo utilizar React y Material-UI en la documentación oficial: -[React](https://reactnative.dev/) -[Material-UI](https://mui.com/material-ui/getting-started/)

## Requerimientos

Data grid pro: [Data grid pro](https://mui.com/x/react-data-grid/) Instalar npm [@mui/x-data-grid.](https://www.npmjs.com/package/@mui/x-data-grid-pro)

Dynamic Color: Instalar [@material/material-color-utilities](https://github.com/material-foundation/material-color-utilities/blob/main/typescript/README.md)