Action Sheet Item

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

How to use

The Action Sheet Item component is nested inside an Action Sheet component. You can add as many Action Sheet Items 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.

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

Configuration Properties

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

Data Properties

PropertyDescription
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.

Triggers

TriggerDescription
On PressRuns the Actions when the component is pressed.