Complete, done-for-you notification solution with built-in notification bell button, modal, user settings panel, and notification history
NotificationsButton
includes everything you need for user notifications:
NotificationsButton
is always wrapped around the client SDK. We recommend writing a small component to ensure it is always the case.
"email"
- Email notifications"telegram"
- Telegram bot notificationsopen
- Boolean indicating if modal is opensetOpen
- Function to control modal stateunreadCount
- Number of unread notificationsref
- Required ref for the button elementopen
- Boolean indicating if modal should be shownsetOpen
- Function to control modal stateref
- Required ref for the modal containerchildren
- The notification content (must be rendered)NotificationsButton
component has limited styling capabilities:
dappAddress
is correct and app is registereddappAddress
matches your registered appNotificationsButton
stylingtheme
prop for basic themingNotifications
component for full controlenvironment="development"
during developmentNotificationsButton
provides everything most applications need for user notifications with minimal setup. For advanced customization needs, consider the standalone Notifications
component.