Mise en page

Swipe away card deck

Un jeu de cartes photo en éventail sur lequel vous pouvez faire glisser ou appuyer pour envoyer celle du haut vers l'arrière, une à la fois.

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.

Utiliser Swipe away card deck

Un jeu de cartes photo en éventail sur lequel vous pouvez faire glisser ou appuyer pour envoyer celle du haut vers l'arrière, une à la fois.

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

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

2439Spring drag carouselMise en pageUn carrousel de cartes déplaçables qui s'aligne sur la carte la plus proche avec la physique du ressort et peut être lu automatiquement en boucle.

2330Curved Scroll WallMise en pageUn mur de photos à défilement horizontal rendu sur un plan légèrement incurvé et courbé qui continue de défiler à l'infini dans les deux sens.

2411Receding stack carouselMise en pageUn carrousel où les cartes s'éloignent derrière la carte ciblée, s'assombrissant et se floutant à mesure qu'elles s'éloignent.

1542Split panesMise en pageDeux volets divisés par une poignée qui les redimensionne par glisser-déplacer ou par flèche, conserve une taille minimale des deux côtés et se referme sur double-clic.

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.