prizmux 1.4.10 → 1.4.12
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 -5
- package/package.json +1 -1
package/README.md
CHANGED
|
@@ -24,8 +24,8 @@ npm install prizmux
|
|
|
24
24
|
|
|
25
25
|
## Components
|
|
26
26
|
|
|
27
|
-
| Component | Description |
|
|
28
|
-
| -------------- | ------------------------------------------------------------------------------------- |
|
|
27
|
+
| Component | Description |
|
|
28
|
+
| -------------- | ------------------------------------------------------------------------------------- |
|
|
29
29
|
| `Alert` | Customizable modal alert — bring your own buttons |
|
|
30
30
|
| `BottomSheet` | Swipeable sheet with drag handle and backdrop dismiss |
|
|
31
31
|
| `Button` | Variants, sizes, loading state, icon support (your own icons), with touch feedback |
|
|
@@ -33,13 +33,35 @@ npm install prizmux
|
|
|
33
33
|
| `EmptyState` | Placeholder UI for empty lists and zero-data screens |
|
|
34
34
|
| `FAB` | Floating action button with icon, label, or both |
|
|
35
35
|
| `Header` | Navigation header with or without a back button, avatar, and action icons with badges |
|
|
36
|
-
| `ImagePreview` | Full screen image viewer with gallery support |
|
|
37
|
-
| `PhoneInput` | International phone input with searchable country picker and auto-detection |
|
|
36
|
+
| `ImagePreview` | Full screen image viewer with gallery support |
|
|
37
|
+
| `PhoneInput` | International phone input with searchable country picker and auto-detection |
|
|
38
38
|
| `ContextMenu` | Collapsible navigation panel with customizable items, icons, and active states |
|
|
39
39
|
| `Toast` | Auto, manual, and swipe-to-dismiss notifications |
|
|
40
40
|
|
|
41
41
|
---
|
|
42
42
|
|
|
43
|
+
## Component Preview
|
|
44
|
+
|
|
45
|
+
Visual previews of Prizmux components in action. Click on any preview to see it in high resolution.
|
|
46
|
+
|
|
47
|
+
### 📱 Phone Input
|
|
48
|
+
International phone input with searchable country picker, dial-code auto-detection, and premium translucent selection styling.
|
|
49
|
+
|
|
50
|
+
<a href="https://raw.githubusercontent.com/contecfy/Prizmux/main/component%20preview%20gifs/phoneinput.gif">
|
|
51
|
+
<img src="https://raw.githubusercontent.com/contecfy/Prizmux/main/component%20preview%20gifs/phoneinput.gif" alt="PhoneInput Demo" style="border-radius: 10px; border: 1px solid #e5e7eb;" width="100%" />
|
|
52
|
+
</a>
|
|
53
|
+
|
|
54
|
+
---
|
|
55
|
+
|
|
56
|
+
### 🖼️ Image Preview
|
|
57
|
+
High-performance gallery viewer with smooth pinch-to-zoom, swipe gestures, and pagination.
|
|
58
|
+
|
|
59
|
+
<a href="https://raw.githubusercontent.com/contecfy/Prizmux/main/component%20preview%20gifs/imagepreview.gif">
|
|
60
|
+
<img src="https://raw.githubusercontent.com/contecfy/Prizmux/main/component%20preview%20gifs/imagepreview.gif" alt="ImagePreview Demo" style="border-radius: 10px; border: 1px solid #e5e7eb;" width="100%" />
|
|
61
|
+
</a>
|
|
62
|
+
|
|
63
|
+
---
|
|
64
|
+
|
|
43
65
|
## Design Decisions
|
|
44
66
|
|
|
45
67
|
- **No icon library required** — every component that needs an icon accepts `ReactNode`.
|
|
@@ -50,7 +72,7 @@ npm install prizmux
|
|
|
50
72
|
|
|
51
73
|
---
|
|
52
74
|
|
|
53
|
-
Contact
|
|
75
|
+
## Contact
|
|
54
76
|
|
|
55
77
|
Have questions, suggestions, or just want to say hi? Reach out via email:
|
|
56
78
|
|