Gratis-DownloadToasts That Feel Alive
Ein kostenloser Setup-Guide für Ding, die Open-Source-Toast-Bibliothek von Yusuf Cengiz, bei der eine Benachrichtigung mit echter Federphysik ihre Form ändert, statt sich zu stapeln: warum ein einziger Toast funktioniert, Installation für React, Svelte, Vue oder reines JavaScript, die fünf Aufrufe, die du brauchst, Abläufe, die sich verwandeln (Fortschritt, Promise, Rückgängig), dein Branding mit CSS-Variablen, Ton und Barrierefreiheit und die ehrlichen Haken. Dazu eine getestete dunkle Starter-Seite und sechs Prompts.
Was drin ist
- Why one toast Ein Toast, der seinen Zustand ändert, statt fünf in einer Ecke.
- Install React, Svelte, Vue, reines DOM oder shadcn, und der Scope mit der Ziffer 1.
- Flows that morph Fortschritt zu Erfolg, Promise, Fehler zu Erneut versuchen, Gelöscht zu Wiederhergestellt.
- starter/ Eine getestete dunkle Seite mit vier Abläufen, sofort startklar.
- PROMPTS.md Sechs Prompts: Bibliothek wechseln, Stapel zusammenführen, Rückgängig, Branding, deutsche Labels, Review.
- Honest catches Version 0.0.x, bewusst nur ein Toast, CSP-Nonce, Tippfehler im Scope.
Eine Web-App in React 18+, Svelte 5, Vue 3/Nuxt oder reinem JavaScript, Node.js für npm und ein aktueller Browser. Der Guide ist auf Englisch.
Fabian Faraz Farid · Impressum · Datenschutz