New Case Study:See how Anthropic automated 95% of dependency reviews with Socket.Learn More
Socket
Sign inDemoInstall
Socket

@brancol/react-snackbar

Package Overview
Dependencies
Maintainers
1
Versions
14
Alerts
File Explorer

Advanced tools

Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

@brancol/react-snackbar - npm Package Compare versions

Comparing version 0.2.0 to 0.2.1

2

package.json
{
"name": "@brancol/react-snackbar",
"description": "Brancol - React Snackbar",
"version": "0.2.0",
"version": "0.2.1",
"main": "dist/index.js",

@@ -6,0 +6,0 @@ "files": [

@@ -5,4 +5,3 @@ # @brancol/react-snackbar

This project was developed for custom styles, but is best integrated with Tailwind CSS.
You can find more about the Tailwind CSS framework [here](https://tailwindcss.com/).
This project was developed for custom styles. You have a set of props that can change the snackbar appearance, but you may also create your own with the SnackbarProvider render prop.

@@ -17,2 +16,3 @@ ## Table of Contents

- [Projects](#projects)
- [ChangeLog](#changelog)

@@ -72,4 +72,4 @@ ## Installation

Checkout my javascript [React Tailwind - Base Project]("https://github.com/DaviBrancol/React-Tailwind")<br>
Or if you using typescript [React Tailwind - Typescript Base Project]("https://github.com/DaviBrancol/React-Tailwind-Typescript")<br>
Checkout my Javascript [React Tailwind - Base Project]("https://github.com/DaviBrancol/React-Tailwind")<br>
Or if you using Typescript [React Tailwind - Typescript Base Project]("https://github.com/DaviBrancol/React-Tailwind-Typescript")<br>

@@ -83,3 +83,3 @@ ## Props

| defaultPosition | string | tr | Position of the Snackbar | ['tl', 'tc', 'tr', 'bl', 'bc', 'br'] |
| defaultDisplayDuration | number | 5000 | Time that the Snackbar will be displayed | 0 - 100000 |
| defaultDisplayDuration | number | 5000 | Time that the Snackbar will be displayed | 1000 - 100000 |
| defaultAnimationDelay | number | 500 | Time that the Snackbar will take to fadein and fadeout | 100 - 3000 |

@@ -102,4 +102,4 @@ | successColor | string | '#28c960' | Default success color of the Snackbar | HEX Color |

| ---------------- | ------- | ------------------------------------------------------ | ------------------------------------ |
| duration | number | Time that the Snackbar will be displayed | 100 - 1000 |
| animationDelay | number | Time that the Snackbar will take to fadein and fadeout | 0 - 100000 |
| duration | number | Time that the Snackbar will be displayed | 1000 - 100000 |
| animationDelay | number | Time that the Snackbar will take to fadein and fadeout | 100 - 3000 |
| position | string | Position of the Snackbar | ['tl', 'tc', 'tr', 'bl', 'bc', 'br'] |

@@ -109,2 +109,6 @@ | displayIcon | boolean | Indicates if the left icon will be displayed | true - false |

## Tests
This snackbar component is already tested using [Jest](https://jestjs.io/) and [Enzyme](https://enzymejs.github.io/enzyme/). You may create your own tests using this modules as well.
## Projects

@@ -120,2 +124,8 @@

#### 0.2.0
- Added tests with jest for a better security of the module.
- Fixed bugs with custom duration and position in show call.
- Fixed some css names for better using and testing.
#### 0.1.0

@@ -122,0 +132,0 @@

SocketSocket SOC 2 Logo

Product

  • Package Alerts
  • Integrations
  • Docs
  • Pricing
  • FAQ
  • Roadmap
  • Changelog

Packages

npm

Stay in touch

Get open source security insights delivered straight into your inbox.


  • Terms
  • Privacy
  • Security

Made with ⚡️ by Socket Inc