🍫 React Snackbar Alert


React Snackbar Alert is a very simple library for "snackbar" style notifications. It's a quick and lightweight way to let your users know what's going on in your app.


Snackbar Options

Snackbar Manager Options

import React from 'react';

import { SnackbarProvider, wrapComponent } from 'react-snackbar-alert';

export default function DemoExample() {
  return (
    <SnackbarProvider position="bottom">
      <Container />

const Container = wrapComponent(function({ createSnackbar }) {
  function showSnackbar() {
      message: 'Hello Snackbar!',
      dismissable: false,
      pauseOnHover: false,
      progressBar: true,
      sticky: false,
      theme: 'default',
      timeout: 3000

  return (
      <button onClick={showSnackbar}>Show Snackbar</button>



  • Easy to use
  • Supported in all modern browsers (plus IE11)
  • Notifications can be restyled and extended
  • Arbitrary custom data can be specified to create rich, interactive notifications


React Snackbar Alert requires React 16.8 or newer. It also requires styled-components 4 to be installed.