react-native-popify 0.1.0 → 0.1.2
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 +43 -0
- package/package.json +1 -1
package/README.md
CHANGED
|
@@ -15,6 +15,49 @@ A lightweight, zero-dependency UI library that provides **stunning alert dialogs
|
|
|
15
15
|
|
|
16
16
|
---
|
|
17
17
|
|
|
18
|
+
## 📱 Demo
|
|
19
|
+
|
|
20
|
+
<div align="center">
|
|
21
|
+
|
|
22
|
+
### App Preview
|
|
23
|
+
|
|
24
|
+
<p>
|
|
25
|
+
<img src="docs/demos/app-home-alerts.png" width="260" alt="Popify — Alert Types" />
|
|
26
|
+
|
|
27
|
+
<img src="docs/demos/app-home-features.png" width="260" alt="Popify — Features & Toasts" />
|
|
28
|
+
</p>
|
|
29
|
+
|
|
30
|
+
---
|
|
31
|
+
|
|
32
|
+
### 🎬 See It in Action
|
|
33
|
+
|
|
34
|
+
<table>
|
|
35
|
+
<tr>
|
|
36
|
+
<td align="center"><strong>✅ Success Alert</strong></td>
|
|
37
|
+
<td align="center"><strong>⏱️ Auto-Close Timer</strong></td>
|
|
38
|
+
<td align="center"><strong>🌙 Dark Theme</strong></td>
|
|
39
|
+
</tr>
|
|
40
|
+
<tr>
|
|
41
|
+
<td><img src="docs/demos/success-alert.gif" width="220" alt="Success Alert" /></td>
|
|
42
|
+
<td><img src="docs/demos/auto-close.gif" width="220" alt="Auto Close Timer" /></td>
|
|
43
|
+
<td><img src="docs/demos/dark-theme.gif" width="220" alt="Dark Theme" /></td>
|
|
44
|
+
</tr>
|
|
45
|
+
<tr>
|
|
46
|
+
<td align="center"><strong>✅ Success Toast</strong></td>
|
|
47
|
+
<td align="center"><strong>⬇️ Bottom Toast</strong></td>
|
|
48
|
+
<td></td>
|
|
49
|
+
</tr>
|
|
50
|
+
<tr>
|
|
51
|
+
<td><img src="docs/demos/toast-success.gif" width="220" alt="Success Toast" /></td>
|
|
52
|
+
<td><img src="docs/demos/toast-bottom.gif" width="220" alt="Bottom Toast" /></td>
|
|
53
|
+
<td></td>
|
|
54
|
+
</tr>
|
|
55
|
+
</table>
|
|
56
|
+
|
|
57
|
+
</div>
|
|
58
|
+
|
|
59
|
+
---
|
|
60
|
+
|
|
18
61
|
## ✨ Features
|
|
19
62
|
|
|
20
63
|
- **4 Alert types** — `success`, `error`, `warning`, `info` with unique colors & icons
|