Schaltflächen

Slide away destructive

Eine destruktive Schaltfläche, deren Beschriftung nach links verschiebt und nur noch ein Kreuz hinterlässt. Beim Drücken wechselt sie dann für einen Moment in die Erfolgsanzeige mit einem Häkchen.

Hover to collapse the label, press to confirm.

Slide away destructive 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, confirmColor, slideMs, confirmMs

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

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.

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.

2551Staged expand delete buttonSchaltflächenEine quadratische Mülleimer-Symbolkachel, die sich nach einer kurzen Verzögerung beim Schweben vergrößert, ihre Beschriftung einblendet und nach einem bestätigenden zweiten Klick fragt, bevor sie ausgelöst wird.

2715Glide swap buttonSchaltflächenEine Schaltfläche mit fester Breite, deren Beschriftung vom rechten Rand abrutscht, während die Glyphe in die Mitte gleitet. Alles sitzt auf einer harten farbigen Leiste, auf die die Schaltfläche beim Drücken fällt.

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.

1636Hold to deleteSchaltflächenEine 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.