Schaltflächen

Blob cap button

Eine Kapselschaltfläche mit einem einfarbigen Flüssigkeitsklecks, der aus einer ruhenden Eckmarkierung anschwillt, um beim Schweben die Form zu füllen.

Blob cap button verwenden

Eine Kapselschaltfläche mit einem einfarbigen Flüssigkeitsklecks, der aus einer ruhenden Eckmarkierung anschwillt, um beim Schweben die Form zu füllen.

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, spread, blur, growth

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

2623Fusing blob fill buttonSchaltflächenEin dicker, umrandeter Knopf, der sich beim Schweben füllt, während Flüssigkeitstropfen von unten aufsteigen und zu einer wackeligen Oberfläche verschmelzen.

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.

2588Draining fill buttonSchaltflächenEine umrissene Pille, die zu Beginn vollständig mit Farbe überflutet ist und beim Schweben zu einem schmalen Band am Fuß abfließt und sich beim Belassen von unten wieder auffüllt.

2660Elevation ladder fill buttonSchaltflächenEine Kapsel, die zwischen Ruhe, Schweben und Drücken drei Höhenstufen erklimmt, während eine sanfte Akzentwaschung über ihre Vorderseite verläuft.

2720Nested capsule buttonSchaltflächenEin Pillenknopf, der aus drei ineinander verschachtelten Kapseln besteht, die sich beim Schweben in den äußeren Ring abflachen, während das Etikett zur Akzentfarbe überblendet.

2530Nudge arrow invert buttonSchaltflächenEine dunkle Pille in Großbuchstaben mit einem Pfeil am rechten Rand; Wenn Sie den Mauszeiger darüber bewegen, wird es zu einer blassen Oberfläche und bewegt den Pfeil nach vorne. Wenn Sie darauf drücken, blinkt eine warme Füllung auf.