toast-system

A minimalistic Toast notification system for React

Usage no npm install needed!

<script type="module">
  import toastSystem from 'https://cdn.skypack.dev/toast-system';
</script>

README

toast-system

A minimalistic Toast notification system for React

Zero dependencies
Style-agnostic

Usage

npm install react-toast

import { ToastsProvider, Toast } from 'react-toast';

const App = ReactDOM.render(
  <ToastsProvider>
    <header>
      <h1>My app<h1>
    </header>
    <main>
      <Toast>
        {toast => <button onClick={() => toast(<div>Clicked!</div>, 1500)}>}
      </Toast>
    </main>
  </ToastsProvider>,
  document.getElementById('root')
);