Skip to content

Commit ece6c9f

Browse files
committed
Added Allowed Swipe Direction property info
1 parent 7225523 commit ece6c9f

File tree

2 files changed

+17
-0
lines changed

2 files changed

+17
-0
lines changed
749 KB
Loading

docs/resources/ui/widgets/built-in-widgets/swipeablestack.md

Lines changed: 17 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -156,6 +156,23 @@ To loop the cards in SwipeableStack, move to the **Properties Panel > SwipeableS
156156

157157
![loopcard](imgs/loopcard.avif)
158158

159+
### Allowed Swipe Direction
160+
You can control the directions in which users can swipe cards by adjusting the **Allowed Swipe Direction** property. It enables you to customize how users interact with the SwipeableStack, letting you limit swipes to certain directions or enable swiping in any direction.
161+
162+
To do so, navigate to the **Properties Panel > SwipeableStack Properties > Allowed Swipe Direction**, and select one of the following options:
163+
164+
- **All**: Users can swipe in all directions.
165+
- **Left**: Swipe only to the left.
166+
- **Right**: Swipe only to the right.
167+
- **Down**: Swipe only downward.
168+
- **Up**: Swipe only upward.
169+
- **Vertical**: Swipe up or down.
170+
- **Horizontal**: Swipe left or right.
171+
172+
For example, in a dating app, you can set the **Allowed Swipe Direction** to **Horizontal**, enabling users to swipe left to "dislike" and right to "like" a profile.
173+
174+
![allowed-swipe-direction.png](imgs/allowed-swipe-direction.png)
175+
159176
### Customize card display count and scale
160177

161178
You can adjust how many cards are visible in the stack at one time and how they are scaled. This customization enhances the UX by letting you create a more engaging and visually appealing card stack, where the depth and hierarchy of cards can be easily perceived by users.

0 commit comments

Comments
 (0)