Action Sheet Cancel

An Action Sheet Cancel component is essentially a button that works with the Action Sheet.

How to use

The Action Sheet Cancel component is nested inside an Action Sheet component. You can add as many Action Sheet Cancel components as needed. Each one has a Label prop and an On Press Trigger where you can assign Actions to perform.

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.

Font ColorSets the font color for the label displayed in the Action Sheet Cancel button

Configuration Properties

Component nameTo alter the name of the component. The name is reflected in the Components tree. Defaults to Action Sheet Item.

Data Properties

LabelThe label to display on the component

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 component is pressed.