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

Property	Description
Component name	The name of the component as it appears in the Screen's component tree
Title	Title of button
Color	Color of text and icon of button
Close on press	Whether the view should be closed/dismissed when pressed
Icon size	Size of icon
Reveal swipe direction	Direction of swipe that reveals the button
Icon	Displays an icon of your choice
Background color	Background color of button

Data Properties

Property	Description
Disable Left Swipe	An optional boolean variable to disable left swipe
Disable Right Swipe	An 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.

Triggers

Trigger	Description
On Press	Runs the Actions when the element is pressed