Swipeable Item Button

Swipeable Item Button is added as a child of Swipeable Item and can be used to show a clickable button instead of completing the swipe action right away.

How to use

This has similar config props to that of the "Left/Right Swipe Configuration" to configure what is shown under the view

You also choose the direction where the button is shown.

You can have 1 or 2 buttons per side, but not more. You also cannot mix and match "Left/Right Swipe Configuration" with Swipeable Item Buttons in the same direction. Either you have a swipe action with its config OR buttons per side. You can have a button on one side and swipe config on the other.

Style Properties

Style properties allow you to customize the look and feel of the component. Combinations of styles applied to components can be saved as Stylesheets to easily reuse styles throughout your app. Styles can also be set dynamically using Variables. To learn more about all the different styling properties and how they work, take a look at Intro to Styling.

Configuration Properties

Component nameThe name of the component as it appears in the Screen's component tree
TitleTitle of button
ColorColor of text and icon of button
Close on pressWhether the view should be closed/dismissed when pressed
Icon sizeSize of icon
Reveal swipe directionDirection of swipe that reveals the button
IconDisplays an icon of your choice
Background colorBackground color of button

Data Properties

Disable Left SwipeAn optional boolean variable to disable left swipe
Disable Right SwipeAn optional boolean variable to disable right swipe

Conditional Display

You can conditionally display a component based on a given condition. Learn more about conditionally displaying components in the Conditional Display doc.


On PressRuns the Actions when the element is pressed