flicker-alerts 1.0.68 → 1.0.69
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/package.json +2 -2
- package/readme.md +21 -8
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "flicker-alerts",
|
|
3
|
-
"version": "1.0.
|
|
3
|
+
"version": "1.0.69",
|
|
4
4
|
"linkedin": "https://www.linkedin.com/in/bruno-carneiro-9a53aa190/",
|
|
5
5
|
"demonstração": "https://flickeralerts.netlify.app/",
|
|
6
6
|
"description": "Biblioteca para alertas animados",
|
|
@@ -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.69"
|
|
22
22
|
}
|
|
23
23
|
}
|
package/readme.md
CHANGED
|
@@ -3,12 +3,6 @@
|
|
|
3
3
|
|
|
4
4
|
**FlickerAlerts** é uma biblioteca leve e poderosa para criar alertas e modais animados com suporte a diferentes tipos de mensagens: sucesso, erro, aviso e informações. Fácil de integrar em projetos Angular, React ou em qualquer aplicação JavaScript moderna.
|
|
5
5
|
|
|
6
|
-
|
|
7
|
-
🌍 Links Importantes:
|
|
8
|
-
Esses links são essenciais para o funcionamento adequado dos estilos e ícones:
|
|
9
|
-
|
|
10
|
-
<!-- Bootstrap --> <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/css/bootstrap.min.css"> <!-- Font Awesome --> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.3/css/all.min.css"> <!-- Estilo do FlickerAlerts --> <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/flicker-alerts/style.css">
|
|
11
|
-
|
|
12
6
|
---
|
|
13
7
|
|
|
14
8
|
## 📦 Instalação
|
|
@@ -23,6 +17,27 @@ Se você não deseja usar o CDN para os estilos, também é possível importar o
|
|
|
23
17
|
|
|
24
18
|
---
|
|
25
19
|
|
|
20
|
+
## 🌍 Links Importantes
|
|
21
|
+
|
|
22
|
+
Esses links são essenciais para o funcionamento adequado dos estilos e ícones:
|
|
23
|
+
|
|
24
|
+
- **Bootstrap** (para estilos de layout):
|
|
25
|
+
```html
|
|
26
|
+
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/css/bootstrap.min.css">
|
|
27
|
+
```
|
|
28
|
+
|
|
29
|
+
- **Font Awesome** (para ícones):
|
|
30
|
+
```html
|
|
31
|
+
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.3/css/all.min.css">
|
|
32
|
+
```
|
|
33
|
+
|
|
34
|
+
- **Estilo do FlickerAlerts** (para os estilos da biblioteca):
|
|
35
|
+
```html
|
|
36
|
+
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/flicker-alerts/style.css">
|
|
37
|
+
```
|
|
38
|
+
|
|
39
|
+
---
|
|
40
|
+
|
|
26
41
|
## 🚀 Uso
|
|
27
42
|
|
|
28
43
|
Após a instalação, importe a biblioteca no seu projeto e utilize a função `showAlert` ou `showModal` para criar alertas e modais.
|
|
@@ -83,8 +98,6 @@ Se você prefere não usar o CDN, pode configurar o Angular para importar o arqu
|
|
|
83
98
|
]
|
|
84
99
|
```
|
|
85
100
|
|
|
86
|
-
Isso garante que o estilo seja incluído no build da aplicação. Caso prefira o CDN, basta adicioná-lo ao arquivo `index.html`.
|
|
87
|
-
|
|
88
101
|
---
|
|
89
102
|
|
|
90
103
|
### React
|