Security News
The Dark Side of Open Source
At Node Congress, Socket CEO Feross Aboukhadijeh uncovers the darker aspects of open source, where applications that rely heavily on third-party dependencies can be exploited in supply chain attacks.
toastifier
Advanced tools
Readme
$ npm install --save toastifier
$ yarn add toastifier
import React from "react";
import toastifier from "toastifier";
import "toastifier/dist/toastifier.min.css";
function App() {
return (
<div>
<button onClick={() => toastifier("Alert Check")}>Notify!</button>
</div>
);
}
Check this to get you started!
Name | Type | Description |
---|---|---|
type | String | Toast Type |
animation | String | Animation Category |
duration | Number | Duration for Animation . |
position | String | Toast position on window. |
onhoverPause | Boolean | pasue toast on hover. |
showIcon | Boolean | Show default SVG icons on toast |
onClick | Function | Function to trriger events. |
styleClass | Class Object | Object for Style Class. |
background | String | Background colour, by default white |
text | String | Text Color, by default based on toast type |
border | String | Border, by default based on toast type |
Name | Values | Default |
---|---|---|
type | error, success, warn, info | success |
animation | flip, bounce, fade, zoom | bounce |
position | top-left, top-center, top-right, bottom-left, bottom-center, bottom-right, | top-center |
onhoverPause | true/false | false |
showIcon | true/false | true |
import React from "react";
import toastifier from "toastifier";
import "toastifier/dist/toastifier.min.css";
function App() {
const toastfunction = () => {
alert("function Trigerred");
};
const options = {
type: "success",
shadow: false,
animation: "bounce",
duration: 3000,
position: "top-center",
onhoverPause: true,
onClick: toastfunction,
styleClass: {
background: "#22272e", // dark mode
text: "#fff",
border: "#eee",
},
};
const notify = () => toastifier("Boom! it Worked", options);
return (
<div>
<button onClick={notify}>Notify!</button>
</div>
);
}
Show your ❤️ and support by giving a ⭐. Any suggestions are welcome!
This project exists thanks to all the people who contribute.
FAQs
Light and Simple Multi-Framework Toaster
The npm package toastifier receives a total of 1 weekly downloads. As such, toastifier popularity was classified as not popular.
We found that toastifier demonstrated a healthy version release cadence and project activity because the last version was released less than a year ago. It has 3 open source maintainers collaborating on the project.
Did you know?
Socket for GitHub automatically highlights issues in each pull request and monitors the health of all your open source dependencies. Discover the contents of your packages and block harmful activity before you install or update your dependencies.
Security News
At Node Congress, Socket CEO Feross Aboukhadijeh uncovers the darker aspects of open source, where applications that rely heavily on third-party dependencies can be exploited in supply chain attacks.
Research
Security News
The Socket Research team found this npm package includes code for collecting sensitive developer information, including your operating system username, Git username, and Git email.
Security News
OpenJS is warning of social engineering takeovers targeting open source projects after receiving a credible attempt on the foundation.