notificare-react-preview-components 1.1.0 → 1.2.0
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 +20 -0
- package/dist/cjs/index.js +2 -2
- package/dist/cjs/index.js.map +1 -1
- package/dist/esm/index.js +2 -2
- package/dist/esm/index.js.map +1 -1
- package/dist/types.d.ts +116 -2
- package/package.json +6 -3
package/README.md
CHANGED
|
@@ -21,6 +21,8 @@ The **Notificare React Preview Components** consists of a collection of React co
|
|
|
21
21
|
|
|
22
22
|
**In-app messages**: See how a Notificare in-app message will appear on a mobile device — whether it’s a card, banner, or full-screen view.
|
|
23
23
|
|
|
24
|
+
**Push onboarding**: Visualize how the Push Onboarding UI will appear when your application uses a managed push onboarding flow.
|
|
25
|
+
|
|
24
26
|
|
|
25
27
|
## Installation
|
|
26
28
|
|
|
@@ -78,6 +80,24 @@ export default function InAppMessageComposer() {
|
|
|
78
80
|
|
|
79
81
|
Check the component [documentation](docs/in-app-messaging.md) for more information.
|
|
80
82
|
|
|
83
|
+
### Push Onboarding
|
|
84
|
+
|
|
85
|
+
A push onboarding preview can be generated through the `NotificarePushOnboardingPreview` component.
|
|
86
|
+
|
|
87
|
+
```tsx
|
|
88
|
+
import { NotificarePushOnboardingPreview } from 'notificare-react-preview-components';
|
|
89
|
+
|
|
90
|
+
export default function PushOnboardingComposer() {
|
|
91
|
+
return (
|
|
92
|
+
<NotificarePushOnboardingPreview
|
|
93
|
+
applicationInfo={...}
|
|
94
|
+
/>
|
|
95
|
+
)
|
|
96
|
+
}
|
|
97
|
+
```
|
|
98
|
+
|
|
99
|
+
Check the component [documentation](docs/push-onboarding.md) for more information.
|
|
100
|
+
|
|
81
101
|
## Theming
|
|
82
102
|
|
|
83
103
|
Our React component library is designed with both flexibility and reliability in mind. All components are easy to customize—styles can be effortlessly overridden using your own CSS, allowing seamless integration with your app or website’s design system.
|