Action Sheet Item
An Action Sheet Item component is essentially a button that works with the Action Sheet.
How to use
Section titled “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
Section titled “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
Section titled “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
Section titled “Data Properties”| Property | Description |
|---|---|
| Label | The label to display on the component |
Conditional Display
Section titled “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
Section titled “Triggers”| Trigger | Description |
|---|---|
| On Press | Runs the Actions when the component is pressed. |