# react-snackbar-notification

> Snackbar notification component for react js app

Latest version **1.1.0** (published 2019-07-23) · ISC license · 0 weekly downloads

## Install

```sh
npm install react-snackbar-notification
pnpm add react-snackbar-notification
yarn add react-snackbar-notification
bun add react-snackbar-notification
```

## Health

**Score 15/100 (F)** — status: abandoned.

Positive: no vulnerabilities.

Warnings: low downloads; no types; no esm support.

Negative: abandoned; low maintenance score.

## Facts

| | |
|---|---|
| Version | 1.1.0 |
| Published | 2019-07-23 |
| First published | 2019-07-23 |
| Weekly downloads | 0 |
| License | ISC |
| TypeScript types | none |
| Module format | CommonJS |
| Dependencies | 1 |
| Unpacked size | 31.1 KB |
| Known vulnerabilities | 0 (+1 in 1 direct dependencies) |
| Install scripts | no |
| GitHub stars | 0 |
| Author | Sujan Byanjankar |
| Maintainers | ktmcodelabs |
| Keywords | snackbar, react, react, component, reactjs |

## Links

- npm: https://www.npmjs.com/package/react-snackbar-notification
- Repository: https://github.com/ktmcodelabs/react-snackbar
- Homepage: https://github.com/ktmcodelabs/react-snackbar#readme
- Issues: https://github.com/ktmcodelabs/react-snackbar/issues
- npm.io page: https://npm.io/package/react-snackbar-notification

## Dependencies (1)

- [uuid](https://npm.io/package/uuid.md) ^3.3.2

## Alternatives

- [mobx-react](https://npm.io/package/mobx-react.md) — 2.8M weekly downloads
- [rc-tree](https://npm.io/package/rc-tree.md) — 2.6M weekly downloads
- [@react-oauth/google](https://npm.io/package/@react-oauth/google.md) — 1.3M weekly downloads
- [@wagmi/connectors](https://npm.io/package/@wagmi/connectors.md) — 877.0K weekly downloads
- [vee-validate](https://npm.io/package/vee-validate.md) — 836.4K weekly downloads

## Recent versions

- 1.1.0 (latest) — 2019-07-23
- 1.0.2 — 2019-07-23
- 1.0.1 — 2019-07-23
- 1.0.0 — 2019-07-23

## README

# react-snackbar-notification

Snackbar like notification component for React Js

**DEMO** [https://ktmcodelabs.github.io/react-snackbar/](https://ktmcodelabs.github.io/react-snackbar/)

# Installation
```bash
npm i react-snackbar-notification
```

# Usage
```jsx
import SnackBar from 'react-snackbar-notification'

const notifications = [
    {
        message: "You have new message.  consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore ",
        action: [
            {
                label: 'OK'
            },
            {
                label: 'View',
                link: 'https://sujanbyanjankar.com.np'
            }
        ]
    },
    {
        message: "Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore sit amet, consetetur sadipscing elitr, sed diam nonumy ei.",
        action: [
            {
                label: 'OK'
            }
        ]
    }
]
<SnackBar notifications={notifications}/>
```

# Options

```jsx harmony
const options = {
    positionY: 'top', // vertical position
    positionX: 'right', // horizontal position
    fadeout: 10, // auto hide notification item in seconds
    dummyDisplay: true // show dummy notifications (for demo only)
}
```

# Options

| Parameter | Default | Options | Description |
| ---------- |:-------:| :-----:| :-----|
| positionY | 'bottom' | 'top','bottom' | vertical position |
| positionX | 'right' | 'left','right' | horizontal position |
| fadeout | 15 | | auto hide notification item duration in seconds |
| dummyDisplay | false | boolean | show dummy notifications (for demo only) |

# Dependencies
- uuid 3.3.2

---
_Source: https://npm.io/package/react-snackbar-notification · Machine-readable twin of the npm.io package page. Health data is recomputed on every publish._