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
of the svgIcon
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 class
and style
options of the ActionSheetItem
object to change the layout of the options.
The following example demonstrates the class
and style
properties in action.