Layout

Swipe away card deck

Ein aufgefächerter Stapel Fotokarten, den Sie ziehen oder antippen können, um die oberste Karte einzeln nach hinten zu verschieben.

Tidewater

low tide · 02

Canopy

first light · 03

Dunefield

night drive · 04

Ridgeline

dusk · 01

Drag or tap the top photo to send it to the back.

Swipe away card deck verwenden

Ein aufgefächerter Stapel Fotokarten, den Sie ziehen oder antippen können, um die oberste Karte einzeln nach hinten zu verschieben.

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: cards, sensitivity, randomRotation, autoplay

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

2439Spring drag carouselLayoutEin ziehbares Kartenkarussell, das mit Federphysik zur nächsten Karte springt und automatisch in einer Schleife abgespielt werden kann.

2330Curved Scroll WallLayoutEine horizontal scrollende Wand aus Fotos, die auf einer sanft gekrümmten, gebogenen Ebene gerendert wird und endlos in beide Richtungen scrollt.

2411Receding stack carouselLayoutEin Karussell, bei dem Karten in die Ferne hinter der fokussierten Karte verschwinden und je weiter hinten sie liegen, dunkler und unschärfer wird.

1542Split panesLayoutZwei Bereiche, die durch einen Griff getrennt sind, der ihre Größe durch Ziehen oder Pfeiltasten ändert, auf beiden Seiten eine Mindestgröße beibehält und bei Doppelklick wieder einrastet.

2342Drag split panelsLayoutDurch dünne ziehbare Griffe unterteilte Bereiche, die die Größe der angrenzenden Bereiche in Echtzeit ändern, in einer Reihe angeordnet oder gestapelt.

2351Expanding panel galleryLayoutEine Reihe von Abdeckfeldern, bei denen durch Bewegen des Mauszeigers, Klicken oder Drücken der Pfeiltaste auf eines dieses auf die volle Breite erweitert wird, während der Rest in Splitter komprimiert wird.