Gathering detailed insights and metrics for toastify
Gathering detailed insights and metrics for toastify
Gathering detailed insights and metrics for toastify
Gathering detailed insights and metrics for toastify
@types/toastify-js
TypeScript definitions for toastify-js
toastify-js
Toastify is a lightweight, vanilla JS toast notification library.
toastify-react-native
🎉 toastify-react-native allows you to add notifications to your react-native app (ios, android) with ease. No more nonsense!
vue3-toastify
🎉 Vue3-Toastify allows you to add notifications to your app with ease. No more nonsense!
npm install toastify
Module System
Min. Node Version
Typescript Support
Node Version
NPM Version
11 Stars
63 Commits
1 Forks
1 Watching
14 Branches
1 Contributors
Updated on 02 Nov 2024
TypeScript (85.25%)
CSS (9.64%)
JavaScript (5.11%)
Cumulative downloads
Total Downloads
Last day
-19.7%
371
Compared to previous day
Last week
-1.8%
2,254
Compared to previous week
Last month
8.7%
9,523
Compared to previous month
Last year
46.4%
91,114
Compared to previous year
Toastify is a lightweight Javascript package written in Typescript. It was created to provide toaster style notifications without any dependencies.
View the blog article here - Zero Dependency Toaster Notifications
You can install this package by simply running npm install --save toastify
or yarn add toastify
.
Once this has finished, you can import the package. Below is an example:
1import Toastify from "toastify";
The Toastify package allows you to fire different levels of notifications. At present you can fire: default
, info
, success
, error
and warning
. To do this you simply call the respective method. For example, to fire a success
notification you would do the following:
1Toastify.success('Title', 'This is the body of the notification');
As you can see, the first parameter is the title of the notification. The second parameter is the body, which is totally optional.
There are a small number of options you can configure in this package. These are the position
, delay
, element
and speed
.
To set an option, you can simply call the setOption
method. Here is an example:
1Toastify.setOption('delay', 10000);
By default, the position is set to bottom-right
. However you can alter this to one of the following if you wish: top-left
, top-right
, bottom-left
.
The delay value determines how long this notification appears on screen before it disappears. The default value is 5 seconds (5000ms). You can alter this to any number you wish.
The speed value determines how fast the animation is when fading in and fading out notifications. The default speed is 20
- however you can adjust this to suit your needs.
No vulnerabilities found.
Reason
no binaries found in the repo
Reason
0 commit(s) and 0 issue activity found in the last 90 days -- score normalized to 0
Reason
Found 0/21 approved changesets -- score normalized to 0
Reason
no effort to earn an OpenSSF best practices badge detected
Reason
project is not fuzzed
Details
Reason
security policy file not detected
Details
Reason
license file not detected
Details
Reason
branch protection not enabled on development/release branches
Details
Reason
SAST tool is not run on all commits -- score normalized to 0
Details
Reason
37 existing vulnerabilities detected
Details
Score
Last Scanned on 2024-11-25
The Open Source Security Foundation is a cross-industry collaboration to improve the security of open source software (OSS). The Scorecard provides security health metrics for open source projects.
Learn More