@sinco/react 1.0.2-rc.23 → 1.0.2-rc.24
Sign up to get free protection for your applications and to get access to all the features.
- package/README.md +39 -0
- package/index.css +0 -1
- package/index.js +1 -1
- package/package.json +1 -1
- package/src/index.d.ts +0 -1
- package/src/lib/toastNotification/interfaces.d.ts +1 -1
- package/main.css +0 -1
package/README.md
ADDED
|
@@ -0,0 +1,39 @@
|
|
|
1
|
+
# @sinco/react
|
|
2
|
+
|
|
3
|
+
Paquete de sinco react
|
|
4
|
+
|
|
5
|
+
## Cómo empezar
|
|
6
|
+
npm i @sinco/react
|
|
7
|
+
|
|
8
|
+
## Pre-requisitos
|
|
9
|
+
|
|
10
|
+
React en la versión 18
|
|
11
|
+
Instalar mui react
|
|
12
|
+
https://mui.com/material-ui/getting-started/installation/
|
|
13
|
+
|
|
14
|
+
|
|
15
|
+
## Fuentes web de Google
|
|
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:
|
|
17
|
+
|
|
18
|
+
<link
|
|
19
|
+
rel="stylesheet"
|
|
20
|
+
href="https://fonts.googleapis.com/css2?family=Nunito:wght@300;400;600;700&family=Roboto:wght@300;400;500;700&display=swap"
|
|
21
|
+
/>
|
|
22
|
+
Para usar el Iconcomponent de fuente, primero debe agregar la fuente Material Icons .
|
|
23
|
+
<link
|
|
24
|
+
rel="stylesheet"
|
|
25
|
+
href="https://fonts.googleapis.com/icon?family=Material+Icons"
|
|
26
|
+
/>
|
|
27
|
+
|
|
28
|
+
## Como utilizar
|
|
29
|
+
Para poder utilizar el tema personalizado de sinco react, solo debes colocar la variable "SincoTheme" en el themeProvider
|
|
30
|
+
<ThemeProvider theme={SincoTheme}>
|
|
31
|
+
|
|
32
|
+
## Más información
|
|
33
|
+
|
|
34
|
+
Para tener más información de como utilizar react mui
|
|
35
|
+
|
|
36
|
+
https://mui.com/material-ui/getting-started/overview/
|
|
37
|
+
|
|
38
|
+
|
|
39
|
+
|
package/index.css
CHANGED
package/index.js
CHANGED
|
@@ -12969,7 +12969,7 @@ const ToastNotification = toast => {
|
|
|
12969
12969
|
success: 'success',
|
|
12970
12970
|
error: 'error',
|
|
12971
12971
|
warning: 'warning',
|
|
12972
|
-
info: '
|
|
12972
|
+
info: 'info'
|
|
12973
12973
|
};
|
|
12974
12974
|
const colors = colorMap[toast.type || 'info'];
|
|
12975
12975
|
const close = () => {
|
package/package.json
CHANGED
package/src/index.d.ts
CHANGED
|
@@ -1,5 +1,4 @@
|
|
|
1
1
|
export * from './lib/Theme';
|
|
2
|
-
import '../src/lib/styles/main.css';
|
|
3
2
|
export { default as ToastNotification } from './lib/toastNotification/ToastNotification';
|
|
4
3
|
export * from './lib/toastNotification/ToastNotification';
|
|
5
4
|
export * from './lib/toastNotification/interfaces';
|
package/main.css
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
@import './toastNotification.css'
|