flicker-alerts 1.0.59 → 1.0.61
Sign up to get free protection for your applications and to get access to all the features.
- package/.vscode/settings.json +3 -0
- package/package.json +4 -4
- package/readme.md +13 -3
- package/style.css +1 -0
package/package.json
CHANGED
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "flicker-alerts",
|
|
3
|
-
"version": "1.0.
|
|
4
|
-
"
|
|
5
|
-
"
|
|
3
|
+
"version": "1.0.61",
|
|
4
|
+
"repository": "https://www.linkedin.com/in/bruno-carneiro-9a53aa190/",
|
|
5
|
+
"homepage": "https://flickeralerts.netlify.app/",
|
|
6
6
|
"description": "Biblioteca para alertas animados",
|
|
7
7
|
"main": "index.js",
|
|
8
8
|
"types": "index.d.ts",
|
|
@@ -18,6 +18,6 @@
|
|
|
18
18
|
"author": "https://www.linkedin.com/in/bruno-carneiro-9a53aa190/",
|
|
19
19
|
"license": "MIT",
|
|
20
20
|
"dependencies": {
|
|
21
|
-
"flicker-alerts": "^1.0.
|
|
21
|
+
"flicker-alerts": "^1.0.61"
|
|
22
22
|
}
|
|
23
23
|
}
|
package/readme.md
CHANGED
|
@@ -50,7 +50,10 @@ import FlickerAlerts, { FlickerModals } from 'flicker-alerts';
|
|
|
50
50
|
type: 'success', // Opções: 'success', 'info', 'warning', 'danger'
|
|
51
51
|
title: 'Título',
|
|
52
52
|
message: 'Mensagem personalizada',
|
|
53
|
-
position: 'top-right'
|
|
53
|
+
position: 'top-right'
|
|
54
|
+
// Opções: 'top-right', 'top-left',
|
|
55
|
+
//'bottom-right', 'bottom-left', 'center',
|
|
56
|
+
//'top-center', 'bottom-center'
|
|
54
57
|
});
|
|
55
58
|
}
|
|
56
59
|
}
|
|
@@ -65,6 +68,8 @@ Abra o arquivo angular.json, e no campo styles dentro de angular.json, adicione
|
|
|
65
68
|
"node_modules/flicker-alerts/style.css"
|
|
66
69
|
]
|
|
67
70
|
|
|
71
|
+
Ou no index.html: Use o link de um CDN para carregar o CSS diretamente.
|
|
72
|
+
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/flicker-alerts/style.css">
|
|
68
73
|
---
|
|
69
74
|
|
|
70
75
|
### Uso no React
|
|
@@ -81,7 +86,10 @@ import FlickerAlerts, { FlickerModals } from 'flicker-alerts';
|
|
|
81
86
|
type: 'success', // Opções: 'success', 'info', 'warning', 'danger'
|
|
82
87
|
title: 'Título',
|
|
83
88
|
message: 'Mensagem personalizada',
|
|
84
|
-
position: 'top-right'
|
|
89
|
+
position: 'top-right'
|
|
90
|
+
// Opções: 'top-right', 'top-left',
|
|
91
|
+
//'bottom-right', 'bottom-left', 'center',
|
|
92
|
+
//'top-center', 'bottom-center'
|
|
85
93
|
});
|
|
86
94
|
};
|
|
87
95
|
|
|
@@ -139,4 +147,6 @@ No React, você não precisa de um arquivo de configuração centralizado como o
|
|
|
139
147
|
|
|
140
148
|
No arquivo principal, como index.js ou App.js, adicione a seguinte linha para importar o CSS:
|
|
141
149
|
|
|
142
|
-
import 'flicker-alerts/style.css';
|
|
150
|
+
import 'flicker-alerts/style.css';
|
|
151
|
+
Ou no index.html: Use o link de um CDN para carregar o CSS diretamente.
|
|
152
|
+
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/flicker-alerts/style.css">
|