Schaltflächen

Download Sweep Progress

Eine Download-Schaltfläche, bei der sich das Symbolfeld beim Bewegen des Mauszeigers über die Beschriftung ausdehnt, dann eine echte Fortschrittsanzeige ausführt und nach dem Klicken in den Status „Fertig“ wechselt.

Hover to sweep the panel, click to download

Download Sweep Progress verwenden

Teste die Vorschau mit Maus und Tastatur. Prüfe den sichtbaren Fokus und das Layout auf schmalen Bildschirmen in deiner eigenen Seite. Nenne deinem Agenten die Nummer oder den Bezeichner, um diese Komponente abzurufen.

Eigenschaften: label, accent, width, durationMs, showProgressBar

Welche Frameworks sind verfügbar?

Der Katalog enthält diese Versionen: react, vue, svelte, astro, html. Die Vorschau auf dieser Seite verwendet React.

Wie greife ich auf die Implementierung zu?

Vorschau und Beschreibung sind öffentlich. Melde dich mit einem berechtigten Konto an, um Code, Framework-Versionen und Installation zu öffnen.

Verbinde deinen Agenten

Ähnliche Komponenten

2710Bouncing download buttonSchaltflächenEin kompakter, dunkler Download-Chip, der von selbst sanft springt, um die Aufmerksamkeit auf sich zu ziehen, stillsteht, sobald ein Zeiger oder der Tastaturfokus ihn erreicht, und beim Drücken seinen Pfeil mit einer Neigung vertauscht.

2696Destructive sweep buttonSchaltflächenEine Löschaktion, deren rosafarbene bis purpurrote Schattierung beim Schweben von einem Ende zum anderen streicht und dabei den Behälterdeckel kippt, mit optionalem Halten zum Bestätigen der Linie entlang der Unterkante.

2626Diagonal orb fill buttonSchaltflächenEin übergroßer Kreis gleitet von Ecke zu Ecke über eine umrandete Schaltfläche, füllt diese diagonal aus und wird in dem Moment, in dem Sie darauf drücken, dunkler.

2676Diagonal wedge buttonSchaltflächenEin quadratischer Knopf, der mit einem dreieckigen Keil gefüllt ist, der diagonal wächst, bis er das gesamte Gesicht bedeckt.

2697Download tooltip buttonSchaltflächenEine quadratische Symbolschaltfläche, deren Download-Pfeil sich nach unten bewegt und die Akzentfarbe annimmt, während sich darunter eine dateigroße Beschriftung entfaltet.

2339Download tray pulse buttonSchaltflächenEine Pille mit abgerundeter Wirkung und einer kleinen Tablettmarkierung an der Vorderkante, wo eine Pfeilspitze auf einer Schleife durch das Tablett fällt, während der Zeiger darauf ruht.