Schaltflächen

Lift and fill pill

Eine umrissene Pille, die eine feste Distanz gerade nach oben springt und sich beim Zeigen mit ihrem Akzent vollständig ausfüllt und dann auf derselben Kurve zurückfällt.

Lift and fill pill verwenden

Eine umrissene Pille, die eine feste Distanz gerade nach oben springt und sich beim Zeigen mit ihrem Akzent vollständig ausfüllt und dann auf derselben Kurve zurückfällt.

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: accent, label, lift, radius, duration

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

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.

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.

2663Lifting hard shadow pillSchaltflächenEine dick umrissene Pille, die beim Schweben nach oben und nach links driftet, während sich ihr flacher, fester Schatten darunter ausdehnt und beim Halten bündig gegen die Seite drückt.

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.

1944Corner ticks frame buttonSchaltflächenEin dunkles Rechteck, das nur durch vier Eckhäkchen gekennzeichnet ist, die auslaufen, um einen vollständigen Rahmen zu zeichnen. Anschließend öffnet sich in der Mitte ein beleuchtetes Feld und die Beschriftung wird umgekehrt.