Schaltflächen

Hold to delete

Eine zerstörerische Schaltfläche, die erst ausgelöst wird, wenn der Zeiger lange genug gedrückt gehalten wird, damit ein Füllbalken darüber läuft, und der zurückspult, sobald Sie ihn loslassen.

Hold to delete 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, holdMs, accent, showCountdown, glyph

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?

Code, Framework-Versionen und Installationsbefehle sind im Arbeitsbereich oben verfügbar.

Verbinde deinen Agenten

Ähnliche Komponenten

1707Hold ring confirmSchaltflächenEine runde Schaltfläche, die von einem Strich umgeben ist, der sich selbst zeichnet, während Sie gedrückt halten, und gleichzeitig einen Fortschrittswert in den Ring, die Schaltflächenskala und die Beschriftungsfarbe einspeist.

2590Copy flick tileSchaltflächenEine quadratische Kachel mit einem Stapel von zwei Seiten; Durch langes Drücken wird die oberste Seite weggeblättert, die Kopie in der Überschrift bestätigt und dann der Stapel zurückgesetzt.

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.

2570Hold to fill padSchaltflächenEin durchscheinendes Pad, das sich von der Basis aus nach oben füllt, solange es gehalten wird, und dann feststeht und seinen Rand zum Vorschein bringt, wenn die Füllung die Oberseite erreicht.

2628Icon takeover deleteSchaltflächenEine destruktive Schaltfläche, aufgeteilt in ein fettes Wort und eine schmale Symbolzelle; Durch Bewegen des Mauszeigers oder Fokussierens wird die Zelle über die gesamte Schaltfläche vergrößert, bis nur noch die Glyphe übrig bleibt. Bei Berührung erfolgt eine Bestätigung durch zweimaliges Tippen.

2724Send flight buttonSchaltflächenEin gebürsteter Lichtknopf, der eine kurze Sendesequenz abspielt: Das Papierzeichen fliegt weg, ein Sendeetikett zählt seine Punkte, dann fällt ein Scheck ein.