Schaltflächen

Staged expand delete button

Eine 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.

Staged expand delete button 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, confirmLabel, accent, expandedWidth, delay, open

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

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.

2714Expanding icon pillSchaltflächenEine runde Symbolschaltfläche, die sich beim Schweben in eine beschriftete Pille ausdehnt und bei Eintreffen einer Akzentfüllung ihre Glyphe gegen ein Wort eintauscht.

2485Rocking icon CTASchaltflächenEine solide Akzentpille, deren führendes Kalendersymbol beim Schweben wie ein Metronom wackelt und beim Anklicken ein Häkchen zeichnet und den Wortlaut durch eine bestätigte Bezeichnung ersetzt, bevor es wieder zur Ruhe kommt.

2619Slide away destructiveSchaltflächenEine 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.

2469Arrow to label pillSchaltflächenEin runder Chevron-Knopf, der sich beim Schweben in eine breite beschriftete Pille ausdehnt und die Markierung gegen ein Wort eintauscht, während die flache Füllung zu einer Rampe mit zwei Stopps wird.

2579Breathing Inset ButtonSchaltflächenEin hell geformter Knopf, dessen inneres Panel sich beim Schweben vom Rand löst, während das Sendezeichen ein kurzes Stück in Richtung der Beschriftung gleitet.