Schaltflächen

Swelling pill button

Eine Farbverlaufspille mit einem Farbton, die beim Schweben größer anschwillt, während sich darunter ein getönter Schatten ausbreitet und beim Drücken kurz komprimiert wird.

Swelling pill button verwenden

Eine Farbverlaufspille mit einem Farbton, die beim Schweben größer anschwillt, während sich darunter ein getönter Schatten ausbreitet und beim Drücken kurz komprimiert wird.

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, hoverScale, shadowSpread, paddingX

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

2592Settling shadow buttonSchaltflächenEine warme Farbverlaufspille, die über einem großen, akzentuierten Schatten schwebt und im Schwebezustand landet, wenn der Schatten verschwindet.

2707Amber upload pillSchaltflächenEin warmer Farbverlaufs-Upload-Pill mit einem hellen Rand, der den Farbstich verbreitert und das Etikett beim Schweben von hinten beleuchtet.

2471Center bloom buttonSchaltflächenEine solide, abgerundete Pille, die von der Mitte nach außen heller wird, während ein blasser, kreisförmiger Schimmer über die eigenen Ränder hinauswächst und dann beim Drücken flach zusammensinkt.

2314Charge Up Action ButtonSchaltflächenEine Kohlepille, die beim Schweben zu einem gesättigten Farbverlaufsschlüssel aufleuchtet und von der Oberfläche abhebt, während sich ihre Markierung dreht und heller wird.

2622Disc to Pill CTASchaltflächenEine kleine gefüllte Scheibe neben einem leeren Etikett in Großbuchstaben dehnt sich beim Schweben oder Fokussieren zu einer vollen Pille aus, gibt den Text frei und trägt den Pfeil mit.

1857Floating download pillSchaltflächenEine vollständig abgerundete Pille, die über der Seite zu schweben scheint und sich beim Bewegen und Drücken näher daran bewegt.