Utiliser svelte-notfs pour afficher des notifications sur l'interface utilisateur
via NPM
npm i svelte-notifsLe paquet contient les modules suivants:
NotificationsLe composant svelte permettant d'afficher les notificationnotifierLe module contenant les fonctions de notificationspush(text, options)pour créer une nouvelle notificationpop()Pour supprimer toutes les notifications
Creer un fichier .svelte et importer les modules comme suit:
<!-- Main.svelte ou +page.svelte -->
<script>
import { notifier, Notifications } from 'svelte-notifs';
notifier.push('Hello world');
// ou
notifier.push('Hello world', {
duration: 2000,
type: 'info'
});
// ou
notifier.push('Hello world', {
duration: 2000,
type: 'success'
});
// ou
notifier.push('Hello world', {
duration: 1000,
type: 'warning'
});
// ou
notifier.push('Hello world', {
duration: 2000,
type: 'danger'
});
</script>
<Notifications />
...Vous pouvez aussi ajouter du html
<script>
notifier.push('Cliquer <b><a href="https://google.com">ici</a></b> pour aller sur google', {
duration: 2000,
type: 'danger'
});
</script>Pour supprimer toutes les notifications, on utilise la fonction pop()
React
Typescript
Django
Laravel
Facebook
Microsoft
Google
Alibaba
D3
Tencent