Items
The ActionSheet items are highly customizable elements that allow you to control their look and feel depending on the use case.
To define the ActionSheet options, provide an ActionSheetItem collection to the items property of the component.
Setting Title and Description
To configure the item text or any additional details, use the title and description properties of the ActionSheetItem object.
Defining Groups
To indicate a group of items with similar functionality, set the group property of the ActionSheetItem object to top or bottom. The ActionSheet will visually separate the two groups by rendering a separator line between them.
The following example demonstrates the ActionSheet groups in action.
Setting Icons
You can enhance the ActionSheet item content by adding icons. Set the icon property of the ActionSheetItem object to take full control over the visibility of the icons.
The following example demonstrates the icon property in action.
Disabling Items
To disable certain items, set the disabled property of the ActionSheetItem to true.
The following example demonstrates the disabled state of the ActionSheet items.
Styling Items
Some scenarios require further customizations of the items' layout. Use the className and style options of the ActionSheetItem object to change the layout of the options.
The following example demonstrates the className and style properties in action.