https://github.com/mohamedsamara/react-snackbar-messages

:rocket: A Simple React snackbar messages
https://github.com/mohamedsamara/react-snackbar-messages

alert messages notification react snackbar snackbars toast

Last synced: 11 months ago
JSON representation

:rocket: A Simple React snackbar messages

• Host: GitHub
• URL: https://github.com/mohamedsamara/react-snackbar-messages
• Owner: mohamedsamara
• License: mit
• Created: 2020-09-01T03:15:15.000Z (almost 6 years ago)
• Default Branch: master
• Last Pushed: 2020-09-28T02:30:57.000Z (over 5 years ago)
• Last Synced: 2025-01-31T19:05:58.686Z (over 1 year ago)
• Topics: alert, messages, notification, react, snackbar, snackbars, toast
• Language: JavaScript
• Homepage: https://mohamedsamara.github.io/react-snackbar-messages
• Size: 75.2 KB
• Stars: 7
• Watchers: 3
• Forks: 2
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

          
# React Snackbar Messages

## Getting Started

### Installation

```

npm install --save react-snackbar-messages

```

or

```

yarn add react-snackbar-messages

```

### Usage

Wrap your application within a `SnackbarProvider`.

```jsx

import { SnackbarProvider, useSnackbar } from 'react-snackbar-messages'

const ChildComponent = () => {

  const snackbar = useSnackbar()

  const showSnackbar = () => {

    snackbar.add('Hello Snackbar!', {

      appearance: 'success',

      autoDismiss: true

    })

  }

  return Show Snackbar

}

const App = () => (

  

    

  

)

```