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.

Property	Description
Font Color	Sets the font color for the label displayed in the Action Sheet Item button
Active Opacity	Sets the opacity of the Action Sheet Item when active (pressed/clicked). Accepts a number between 0 and 1. For example, a value of `0.5` would be 50% opacity

Configuration Properties

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

Data Properties

Property	Description
Label	The 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

Trigger	Description
On Press	Runs the Actions when the component is pressed.