Skip to main content

ion-item-options

The option buttons for an ion-item-sliding. These buttons can be placed either on the start or end side. You can combine the ionSwipe event plus the expandable directive to create a full swipe action for the item.

Side Description#

SidePositionSwipe Direction
startTo the left of the content in LTR, and to the right in RTL.From left to right in LTR, and from right to left in RTL.
endTo the right of the content in LTR, and to the left in RTL.From right to left in LTR, and from left to right in RTL.

Properties#

side#

DescriptionThe side the option button should be on. Possible values: "start" and "end". If you have multiple ion-item-options, a side must be provided for each.
Attributeside
Type"end" \| "start"
Default'end'

Events#

NameDescription
ionSwipeEmitted when the item has been fully swiped.