Skip to content

Toastinette Notification is a JavaScript library for make toast notification in your own app.

License

Notifications You must be signed in to change notification settings

SkyyInfinity/toastinette-notification

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

10 Commits
 
 
 
 
 
 
 
 

Repository files navigation

Toastinette Notification

EN: Toastinette Notification is a JavaScript library for make toast notifications for your own web apps.
FR: Toastinette Notification est une librairie JavaScript pour créer des notifications toast pour vos applications web.

Summary

  1. Installation
  2. Configuration
  3. Credit

  • EN: Toastinette is really easy to install if you are familiar with other JS libraries. 😎
    FR: Toastinette est vraiment facile à installer si vous êtes familier aux autres librairie JS. 😎

    EN: To start, get the Toastinette CSS and JS file available above. Put these two files in your project and import the CSS via the HTML tag <link>.
    FR: Pour commencer, procurez vous le fichier CSS et JS de Toastinette disponible plus haut. Mettre ces deux fichiers dans votre projet et importer le CSS via la balise HTML <link>.
<link rel="stylesheet" href="path/to/toastinette.min.css">
  • EN: Then, insert its small lines of code to call the toast. Don't forget to import JS file.
    FR: Ensuite, insérez ses petites lignes de code pour appeler le toast. N'oubliez pas d'importer le fichier JS.
<script>
    import Toast from "path/to/toastinette.min.js";

    let toast = new Toastinette({
        message: 'My first notification.',
    });
</script>

EN: That's all. Enjoy notifications ! 😜
FR: C'est tout. Profitez des notifications ! 😜

EN: Here is the list of options available to personalize your notifications.
FR: Voici la liste des options disponible pour personnalisé vos notifications.

Option Type Required Default value Possible values
title string No - -
message string Yes "message" -
position string No "top-center" "top-left", "top-center", "top-right", "bottom-left", "bottom-center", "bottom-right"
autoClose number, boolean No - false, any number (millisecond)
type string No "success" "success", "error", "info", "warning"
progress boolean No - true, false

Thank you very much for support. 😊

About

Toastinette Notification is a JavaScript library for make toast notification in your own app.

Resources

License

Stars

Watchers

Forks