Schaltflächen

Lifting hard shadow pill

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

Hover to peel it off the page, hold to press it flat.

Lifting hard shadow pill verwenden

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

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, restShadow, hoverShadow, radius, outline

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.

2606Ghost echo lift buttonSchaltflächenEine Pille, die sich beim Schweben anhebt, während eine Geisterkopie ihrer selbst dahinter anschwillt und sich auflöst.

2609Hairline lift pillSchaltflächenEine leise, durchscheinende Pille mit einem inneren Haaransatz, der sich von der Oberfläche abhebt und beim Schweben einen Akzentton aufnimmt.

2662Ink bloom buttonSchaltflächenEin stark umrissener Knopf, dessen durchscheinende Tönung von einer massiven Akzentscheibe überlagert wird, die beim Hovern oder Tastaturfokus aus der Mitte herausblüht.

2700Invert and lift buttonSchaltflächenEine große, umrandete Schaltfläche, die sich in eine durchgehende Füllung umwandelt, beim Schweben ein paar Pixel anhebt und beim Drücken wieder flach wird.