Schaltflächen

Pincer Fill Button

Ein heller Pillenknopf, dessen zwei durchscheinende Vorhänge sich beim Schweben vom linken und rechten Rand schließen und kurz anhalten, sodass ein Streifen der Basis in der Mitte beleuchtet bleibt.

Pincer 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, leftColor, rightColor, coverage, durationMs

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

2631Leap and tint buttonSchaltflächenEine blasse Pille, die beim Schweben oder Fokussieren nach oben springt, während sich ihre Füllung in den Akzent verwandelt und ihr neutraler Schatten zu einem großen, getönten Pool im gleichen Farbton erblüht.

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.

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.

2511Letter spread drop buttonSchaltflächenEine blasse Pille, deren Buchstaben sich auseinanderschieben, während sie sich mit einer Akzentfarbe füllt und unter der sich ein weicher Teich bildet, der dann, während er gehalten wird, auf diesen Teich fällt.

2546Soft bloom fill buttonSchaltflächenEine Haaransatzpille, die von innen durch einen verschwommenen Punkt beleuchtet wird, der langsam von einer Ecke anschwillt, bis er das ganze Gesicht ausfüllt.