@prodsaas/toast
v1.0.2
Published
A lightweight toast notification package.
Maintainers
prodsaasReadme
@prodsaas/toast
A lightweight toast notification package.
Usage
1. HTML
<head>
<script type="module" src="https://unpkg.com/@prodsaas/toast"></script>
</head>
<body>
<button onclick="toast.success('This is a success message.')">
Success Button
</button>
</body>2. HTML + JavaScript (ES Modules)
index.html
<body>
<button id="successBtn">
Success Button
</button>
<script type="module" src="./script.js"></script>
</body>script.js
import toast from 'https://unpkg.com/@prodsaas/toast';
document.getElementById('successBtn').onclick = () => {
toast.success('This is a success message.');
};3. React
npm install @prodsaas/toastimport toast from "@prodsaas/toast";
function App() {
return (
<button onClick={() => toast.success("This is a success message.")}>
Success Button
</button>
);
}
export default App;API Reference
| Method | Usage Syntax |
| :--- | :--- |
| Success | toast.success("Success message") |
| Error | toast.error("Error message") |
| Warning | toast.warn("Warning message") |
| Info | toast.info("Informative message") |
| Loading | toast.load("Loading message") |
| Hide All | toast.hide() |