Schaltflächen

Share row lift

Eine Share-Pille, die beim Schweben eine passende Pille mit Zielsymbolen aus sich heraushebt und sie wieder fallen lässt, sobald die Aufmerksamkeit verschwindet.

Release notes

Wave 09: buttons in motion

4 min read · updated today

Hover the pill to lift its destinations

Share row lift verwenden

Eine Share-Pille, die beim Schweben eine passende Pille mit Zielsymbolen aus sich heraushebt und sie wieder fallen lässt, sobald die Aufmerksamkeit verschwindet.

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, destinations, liftDistance, stagger

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

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.

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.

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.

2611Lifting glyph rowSchaltflächenEine kurze Reihe von Nur-Symbol-Schaltflächen, bei denen sich die schwebende Glyphe von der Grundlinie abhebt, während dahinter ein sanfter kreisförmiger Farbton eingeblendet wird, wobei jedes Element in seinem eigenen Farbton getönt ist.

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.