Schaltflächen

Tide fill button

Eine Schaltfläche, deren ruhender Akzentbalken beim Schweben ansteigt, um die gesamte Platte zu überfluten, wobei die Balkenstärke, die Anstiegsgeschwindigkeit und die Beschriftungsverzögerung alle als Knöpfe angezeigt werden.

Tide fill 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, barHeight, riseMs, labelDelayMs, accent, hoverScale

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

1879Rising Fill ButtonSchaltflächenEin hohler, umrandeter Knopf, der sich vom unteren Rand nach oben mit Farbe füllt, als ob eine aufsteigende Flüssigkeit entsteht, wenn Sie den Mauszeiger darüber bewegen oder darauf fokussieren.

2621Twin Bubble RiseSchaltflächenBeim Schweben oder Fokussieren erheben sich zwei übergroße Ellipsen unter einer dünn umrandeten Schaltfläche, eine schwache Ellipse voran und die Akzent-Ellipse dahinter, so dass die Füllung als rollende Kurve erscheint.

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.

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.

2595Detached Ring PillSchaltflächenEine dunkle Pille, die von einem schwebenden Umrissring umkreist wird, der weiter nach außen drückt und die Pille beim Schweben mit Farbe überflutet.

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.