Schaltflächen

Dot flood button

Eine umrissene Pille mit einem kleinen Punkt neben dem Etikett; Beim Schweben vergrößert sich der Punkt, bis er die gesamte Schaltfläche überflutet und die Beschriftung zu ihrem umgekehrten Zwilling wechselt.

Dot flood 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, accent, dotSize, floodMs, showDot

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

2538Diagonal blob flood buttonSchaltflächenEin umrissener Knopf, der von einem großen runden Klecks überflutet ist, der von der oberen Ecke diagonal nach innen gleitet und beim Halten dunkler wird.

2665Spinning square flood buttonSchaltflächenEin umrissener Knopf, der als sich drehendes, abgerundetes Quadrat mit seinem Akzent überflutet, gleitet aus der Ecke hinein, sodass die Füllung hinter einer wellenförmigen Rollkante ankommt.

1663Underline flood buttonSchaltflächenEine Schaltfläche mit einem Haarlinien-Akzentband an der Unterkante, das sich beim Schweben oder Fokussieren verbreitert und dann zu einer vollen Flut ansteigt, wobei die Beschriftung die Farbe erst ändert, wenn die Füllung gelandet ist.

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.

2658Bouncing dot action buttonSchaltflächenEine Taste mit dunklem Akzent und einem kleinen Punkt am rechten Rand, der hüpft, während der Block heller wird und beim Hovern oder Tastaturfokus ein sanftes Leuchten erzeugt.

1848Center out fill buttonSchaltflächenEine umrandete Schaltfläche in Großbuchstaben, deren Akzentfüllung sich beim Schweben oder Fokussieren von einem Haaransatz in der Mitte nach außen zu beiden Rändern öffnet.