@max-63/notify
v1.0.7
Published
Un **petit paquet JavaScript / TypeScript** pour afficher des **notifications toast** en bas à droite de l’écran. Fonctionne aussi bien en JS qu'en TS, simple à utiliser et visuellement propre. 🔥
Maintainers
max-63Readme
📦 notify
Un petit paquet JavaScript / TypeScript pour afficher des notifications toast en bas à droite de l’écran.
Fonctionne aussi bien en JS qu'en TS, simple à utiliser et visuellement propre. 🔥
✨ Aperçu
🛠️ Installation
npm install @max-63/notifyExemple
Voicci un exemple d'utilisation :
<!DOCTYPE html>
<html lang="fr">
<head>
<meta charset="UTF-8" />
<title>Test Toast Notification</title>
</head>
<body>
<button id="notifyBtn">🛎️ Notifier</button>
<button>autre</button>
<script type="module">
import { notify } from '../dist/index.js'; // ou le bon chemin
document.getElementById('notifyBtn').addEventListener('click', () => {
notify({
title: "Notification Adrien !",
message: "Ceci est une alerte personnalisée.",
duration: 5000,
type: "error",
icone: true,
style: "fonce"
});
})
</script>
</body>
</html>
🔧 Options disponibles
| Clé | Type | Description |
|-----------|-------------------------------------|-----------------------------------------------------|
| title | string | Titre (obligatoire) |
| message | string | Message principal (facultatif) |
| duration| number | Durée en ms (ex : 5000 pour 5 secondes) |
| type | "success" | "error" | "warning" | "info" | Type de toast (couleur / icône) |
| icon | boolean | Affiche une icône correspondante |
| style | "clair" | "fonce" | Thème clair ou foncé |
📦 Structure du package
dist/: fichiers compilés (.js,.d.ts, images)- Compatible JavaScript et TypeScript
- Léger, sans dépendance externe
🤝 Contribution
Envie d’ajouter une fonctionnalité, corriger un bug, ou améliorer le style ?
N’hésite pas à forker, coder ta feature, puis proposer une Pull Request. 💪
🐣 Auteur
Créé avec 💻 et ☕ par Max‑63 (Adrien).
📄 Licence
Ce projet est publié sous licence MIT – libre d'utilisation et de modification.