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