Schaltflächen

Diagonal wedge button

Ein quadratischer Knopf, der mit einem dreieckigen Keil gefüllt ist, der diagonal wächst, bis er das gesamte Gesicht bedeckt.

Diagonal wedge button verwenden

Ein quadratischer Knopf, der mit einem dreieckigen Keil gefüllt ist, der diagonal wächst, bis er das gesamte Gesicht bedeckt.

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, duration, rim, padX

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

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.

2378Left Edge Fill ButtonSchaltflächenEine weiche, abgerundete Platte, bei der beim Schweben ein farbiges Feld aus dem linken Rand herauswächst, um die gesamte Form auszufüllen und dabei das Etikett umzudrehen.

1837Sweep invert buttonSchaltflächenEin Knopf in tiefem Marineblau, dessen helle Füllung vom rechten Rand ausgeht und das Etikett durch kurzes Drücken in den dunklen Ton umwandelt.

2694Word tumble buttonSchaltflächenWenn Sie den Mauszeiger darüber bewegen, wird die Großbuchstabenbeschriftung in einem abgeschnittenen Schlitz über sich selbst gerollt, während eine diagonale Akzentfüllung das Feld dahinter überstreicht und eine Differenzmischung die Wortfarbe umdreht.

2683Arrow wipe buttonSchaltflächenEin Pillenknopf, dessen Akzentplatte, die in eine Pfeilspitze geschnitten ist, beim Schweben von links nach innen streicht und die Beschriftung Buchstabe für Buchstabe umdreht, wenn sich die Spitze kreuzt.

2684Converging chevron buttonSchaltflächenZwei pfeilförmige Platten fliegen von gegenüberliegenden Seiten ein, treffen in der Mitte des Knopfes zusammen und verschließen ihn hinter dem Etikett.