@sinco/react 1.0.1-rc.4 → 1.0.1-rc.6
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +27 -14
- package/package.json +1 -1
package/README.md
CHANGED
|
@@ -1,32 +1,45 @@
|
|
|
1
1
|
# @sinco/react
|
|
2
|
-
|
|
2
|
+
|
|
3
|
+
Paquete de sinco react
|
|
3
4
|
|
|
4
5
|
## Cómo empezar
|
|
6
|
+
|
|
5
7
|
npm i @sinco/react
|
|
6
8
|
|
|
7
9
|
## Pre-requisitos
|
|
10
|
+
|
|
8
11
|
React en la versión 18 Instalar mui react
|
|
9
12
|
https://mui.com/material-ui/getting-started/installation/
|
|
10
13
|
|
|
11
14
|
## Fuentes web de Google
|
|
15
|
+
|
|
12
16
|
Para instalar la fuente en su proyecto usando la CDN de Google Web Fonts, agregue el siguiente fragmento de código dentro de la `<head />`etiqueta de su proyecto:
|
|
13
|
-
|
|
17
|
+
|
|
18
|
+
`<link
|
|
14
19
|
rel="stylesheet"
|
|
15
20
|
href="https://fonts.googleapis.com/css2?family=Nunito:wght@300;400;600;700&family=Roboto:wght@300;400;500;700&display=swap"
|
|
16
|
-
|
|
17
|
-
Para usar el Iconcomponent de fuente, primero debe agregar la fuente Material Icons .
|
|
18
|
-
<link
|
|
19
|
-
rel="stylesheet"
|
|
20
|
-
href="https://fonts.googleapis.com/icon?family=Material+Icons"
|
|
21
|
-
/>
|
|
21
|
+
/>`
|
|
22
22
|
|
|
23
|
-
|
|
24
|
-
Para poder utilizar el tema personalizado de sinco react, solo debes colocar la variable "SincoTheme" en el themeProvider
|
|
25
|
-
<ThemeProvider theme={SincoTheme}>
|
|
23
|
+
O ya sea instalando las fuentes [roboto](https://www.npmjs.com/package/@fontsource/roboto) y [nunito](https://www.npmjs.com/package/@fontsource/nunito) del npm, importantando en su archivo `index.tsx` los fontsource que son:
|
|
26
24
|
|
|
27
|
-
|
|
28
|
-
Para tener más información de como utilizar react mui
|
|
25
|
+
### Roboto
|
|
29
26
|
|
|
30
|
-
|
|
27
|
+
import '@fontsource/roboto/400.css'; <br/>
|
|
28
|
+
import '@fontsource/roboto/500.css';
|
|
31
29
|
|
|
30
|
+
### Nunito
|
|
32
31
|
|
|
32
|
+
import '@fontsource/roboto/400.css'; <br/>
|
|
33
|
+
import '@fontsource/roboto/500.css';
|
|
34
|
+
|
|
35
|
+
Para usar el `Iconcomponent` de fuente, primero debe agregar la [fuente](https://mui.com/material-ui/getting-started/installation/#icons) Material Icons.
|
|
36
|
+
|
|
37
|
+
## Como utilizar
|
|
38
|
+
|
|
39
|
+
Para poder utilizar el tema personalizado de sinco react, solo debes colocar la variable "SincoTheme" en el themeProvider
|
|
40
|
+
`<ThemeProvider theme={SincoTheme}>` [theme](https://mui.com/material-ui/customization/theming/#themeprovider)
|
|
41
|
+
|
|
42
|
+
## Más información
|
|
43
|
+
|
|
44
|
+
Para tener más información de como utilizar react mui
|
|
45
|
+
https://mui.com/material-ui/getting-started/overview/
|