Skip to main content
Version: v5

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

NameDescriptionBubbles
ionSwipeEmitted when the item has been fully swiped.Yes

Methods

No public methods available for this component.

CSS Shadow Parts

No CSS shadow parts available for this component.

CSS Custom Properties

No CSS custom properties available for this component.

Slots

No slots available for this component.