MagicBell-React

This package contains React components to build a notification inbox for your site powered by MagicBell.

Quick Start

npm i @magicbell/magicbell-react

import React from 'react';
import ReactDOM from 'react-dom';
import MagicBell, { FloatingNotificationInbox } from '@magicbell/magicbell-react';

ReactDOM.render(
  <MagicBell apiKey={MAGICBELL_API_KEY} userEmail="john@example.com">
    {(props) => <FloatingNotificationInbox height={300} {...props} />}
  </MagicBell>,
  document.body,
);

Documentation

Please see the MagicBell documentation for more information about this SDK.