Versión 4.2 disponible
Novedades
- Modo oscuro automático
- Exportar a PDF
- Búsqueda un 40 % más rápida
HTML + CSSToasts
Toast für neue Version
Kündigt ein Update mit aufklappbaren Neuerungen und einem Button mit Fortschrittsanzeige an.
Einstellungen
16px
1x
Code
<div class="uv-qup"><button type="button" class="fire">Erneut zeigen</button><div class="tt" role="status"><span class="ic"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M12 3v12M7.5 10.5L12 15l4.5-4.5"/><path d="M4 17v1.5A2.5 2.5 0 0 0 6.5 21h11a2.5 2.5 0 0 0 2.5-2.5V17"/></svg></span><div class="tx"><b>Version 4.2 verfügbar</b><details><summary>Neuigkeiten</summary><ul><li>Automatischer Dunkelmodus</li><li>Als PDF exportieren</li><li>40 % schnellere Suche</li></ul></details></div><button type="button" class="go"><span class="a">Aktualisieren</span><span class="b"><i></i></span><span class="c"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="3" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M5 12.5l4.5 4.5L19 7.5"/></svg></span></button></div></div>Prompt für KI
Füg ihn in ChatGPT, Claude oder Cursor ein und der Baustein wird mit diesen Einstellungen an dein Projekt angepasst, auch ohne React.
Mehr aus Toasts
Alle ansehen: ToastsWofür du ihn nutzen kannst
Desktop-Apps, Progressive Web Apps und Dashboards brauchen eine höfliche Art, um ein Neuladen zu bitten. Dieser Toast nennt die neue Version, verbirgt die Neuerungen hinter einem kleinen Aufklapper und verwandelt den Update-Button in einen Spinner und dann in einen grünen Haken, die Aktion wird also sichtbar abgeschlossen.
Die Neuerungen nutzen ein natives details-Element, tastaturfreundlich und ohne Skript. Verbinde den Button mit deinem Service Worker und halte die Liste bei drei kurzen Punkten.