Schaltflächen

Twin Bubble Rise

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

Twin Bubble Rise 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, riseSeconds, bubbleScale, radius

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

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.

2266Left wipe buttonSchaltflächenEin Knopf, der auf einer harten Kante steht und deren hellerer Farbton beim Schweben vom linken Rand her eindringt, wie eine Füllanzeige.

1839Left Wipe ButtonSchaltflächenEin solider Knopf auf einer harten Kante, dessen hellerer Farbton beim Schweben langsam und bewusst vom linken Rand her nach innen streicht.

2652Relay fill buttonSchaltflächenEin halbrunder Knopf, der sich beim Schweben durch eine Reihe von zwei Rennstangen füllt, die auf ihre volle Höhe steigen, bevor das Etikett seine Farbe ändert.

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.