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.
- 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 |
3. Credit
- Developped with Visual Studio Code.
- All icons are made by Remix Icon
Thank you very much for support. 😊