Layout

Pinned Card Stack Scroll

Eine vertikale Abfolge von Karten, die festsitzen und leicht schrumpfen, während die nächste Karte nach oben gescrollt wird, um darauf gestapelt zu werden.

Capture the brief

Sketch the flow

Build the pieces

Ship the release

Measure the impact

Pinned Card Stack Scroll verwenden

Eine vertikale Abfolge von Karten, die festsitzen und leicht schrumpfen, während die nächste Karte nach oben gescrollt wird, um darauf gestapelt zu werden.

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: itemDistance, itemScale, baseScale, rotationAmount

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

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.

2357Focus scroll listLayoutEine scrollbare Warteschlange, deren Zeilen in voller Größe und opacity erscheinen, wenn sie die Mitte der Ansicht erreichen, mit Hover und Tastaturauswahl.

2381Locked ratio frameLayoutEin Container, dessen Inhalt unabhängig von der Ausdehnung in einem gewählten Verhältnis von Breite zu Höhe bleibt.

1532Masonry flowLayoutEine Mauerwerkswand, die Kacheln unterschiedlicher Höhe in Säulen packt, jede einzelne anhebt, während sie ins Blickfeld gescrollt wird, und das gesamte Raster neu positioniert, wenn sich die Anzahl der Säulen ändert.

2424Settling photo masonryLayoutEin Mauerwerksgitter aus Fotokacheln unterschiedlicher Höhe, die von außerhalb des Bildschirms einfliegen, sich in ihren gepackten Säulen niederlassen und bei der Landung unscharf werden.