Mise en page

Pinned Card Stack Scroll

Une séquence verticale de cartes qui s'épinglent en place et rétrécissent légèrement à mesure que la carte suivante défile pour s'empiler dessus.

Capture the brief

Sketch the flow

Build the pieces

Ship the release

Measure the impact

Utiliser Pinned Card Stack Scroll

Une séquence verticale de cartes qui s'épinglent en place et rétrécissent légèrement à mesure que la carte suivante défile pour s'empiler dessus.

Testez l’aperçu avec la souris et le clavier, puis vérifiez la visibilité du focus et la mise en page sur un écran étroit. Indiquez le numéro ou l’identifiant du composant à votre agent de programmation.

Propriétés: itemDistance, itemScale, baseScale, rotationAmount

Quels frameworks sont disponibles ?

Le catalogue propose ces versions : react, vue, svelte, astro, html. L’aperçu de cette page utilise React.

Comment accéder à l’implémentation ?

Le code, les portages, l’installation et le panneau de propriétés sont inclus dans Fieldbook Pro. L’aperçu interactif est ouvert à tous.

Connectez votre agent

Composants proches

2342Drag split panelsMise en pagePanneaux divisés par de fines poignées déplaçables qui redimensionnent les volets adjacents en temps réel, disposés en rangée ou empilés.

2351Expanding panel galleryMise en pageUne rangée de panneaux de couverture où le survol, le clic ou la touche fléchée sur l'un d'entre eux l'étend sur toute la largeur tandis que le reste se compresse en éclats.

2357Focus scroll listMise en pageUne file d'attente déroulante dont les lignes apparaissent en taille réelle et en opacité lorsqu'elles atteignent le centre de la vue, avec survol et sélection au clavier.

2381Locked ratio frameMise en pageUn conteneur qui maintient son contenu verrouillé selon un rapport width-to-height choisi, quelle que soit sa largeur.

1532Masonry flowMise en pageUn mur de maçonnerie qui regroupe des carreaux de différentes hauteurs dans des colonnes, soulève chacun d'entre eux lorsqu'il défile et réinstalle la grille entière lorsque le nombre de colonnes change.

2424Settling photo masonryMise en pageUne grille de maçonnerie de tuiles photo à hauteur variable qui volent depuis l'écran et s'installent dans leurs colonnes remplies, devenant floues à mesure qu'elles atterrissent.