https://github.com/claeusdev/react-flash-message
A very simple react flash notification component.
https://github.com/claeusdev/react-flash-message
hacktoberfest react
Last synced: 5 months ago
JSON representation
A very simple react flash notification component.
- Host: GitHub
- URL: https://github.com/claeusdev/react-flash-message
- Owner: claeusdev
- Created: 2020-06-12T02:11:57.000Z (over 5 years ago)
- Default Branch: master
- Last Pushed: 2025-03-11T21:41:02.000Z (11 months ago)
- Last Synced: 2025-08-31T17:04:17.600Z (5 months ago)
- Topics: hacktoberfest, react
- Language: JavaScript
- Homepage: https://react-flash.netlify.app/
- Size: 3.62 MB
- Stars: 3
- Watchers: 0
- Forks: 6
- Open Issues: 18
-
Metadata Files:
- Readme: README.md
- Security: SECURITY.md
Awesome Lists containing this project
README
## An awesome simple flash notifications component for React applications.
A simple React component to display flash messages
### DEMO
### USAGE
```js
```
#### Properties available - API
| Property | Description | Values accepted |
|----------|--------------|----------|
| type | The alert type | `error`, `warning`, or `success` |
| message | The message that will be displayed | any `string` |
| duration | The duration that the toast will appear on screen | `time in milliseconds` |
| active | A boolean value that indicates if the toast is showing or not | `true` or `false` |
| setActive | A function that controls the active attribute state | `function` |
| position | The position the the toast will be appear on screen | `bleft`, `bright`, `tright`, `tleft`, `tcenter`, or `bcenter` |
| width | The width of the widget | `small`, `medium`, `large`, or `full` |
### Development
#### Node version
- Node 14 or less
- Npm 6
#### Run project
```sh
npm start
```
#### Run build
```sh
npm run build
```
### Security policy
- See our [SECURITY](./SECURITY.md) for details