Skip to content

Add Awesome Simple Toast Message / Notification on your website πŸ“œ

Notifications You must be signed in to change notification settings

Aravindakrishnan/toastm

Folders and files

NameName
Last commit message
Last commit date

Latest commit

Β 

History

6 Commits
Β 
Β 
Β 
Β 
Β 
Β 

Repository files navigation

What is Toastm ? πŸ€”

It's Just a Package for Popup Toast / Notification Message πŸ“œ

Installation βš™οΈ

  npm install toastm

How to Use toastm πŸ€”

index.html

<head>
  <link rel="stylesheet" href="./style.css" />
</head>
<body>
  <script type="module" src="yourfilename.js"></script>
</body>

yourfilename.js

import { addToastm } from "./node_modules/toastm/toastm.js";

addToastm({
  color: "primary",
  position: "center",
  text: "Toastm notification box πŸ˜„",
});

style.css

@import "./node_modules/toastm/style.css";

Options πŸ“œ

    * color - primary | secondary | success | danger | warning | dark | special
    * text - anything
    * positon - left | center | right

About

Add Awesome Simple Toast Message / Notification on your website πŸ“œ

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published