Deck Swiper
A slideshow component for cycling through elements—images or slides of text—like a carousel.
Adding a Deck Swiper Component
- Select the Deck Swiper component from the Components drawer. You can open the list of components by clicking the
+button next to Components. - Select the added component in the Components tree.
- Select the Deck Swiper Card from the Components drawer. In the example below, we're adding two Deck Swiper Card components.
- Select the Deck Swiper Card component and then add a child component to it such as Image or Image Background.
Configuration Properties
| Property | Description |
|---|---|
| Component Name | To alter the name of the component. The name is reflected in the Components tree. Defaults to Deck Swiper. |
| Infinite swiping | Whether to infinitely loop through cards or not |
| Vertical swipe enabled | To enable the cards to be swiped vertically. |
| Horizontal swipe enabled | To enable the cards to be swiped horizontally. |
| Start card index | Index of the card to start swiping from |
| Visible card count | Number of cards visible behind (and including) the current card |
Tutorial
In the example below, we're creating a dating app screen where a user can swipe through other user profiles.
Updated 7 months ago