ion-item-options
The item options component is a container for the item option buttons in a sliding item. These buttons can be placed either on the start or end side.
Refer to the item sliding documentation for more information.
Side Description
| Side | Position | Swipe Direction |
|---|---|---|
start | To 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. |
end | To 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
mode
| Description | The mode determines the platform behaviors of the component. This is a virtual property that is set once during initialization and will not update if you change its value after the initial render. |
| Attribute | mode |
| Type | "ios" ｜ "md" |
| Default | undefined |
side
| Description | The 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. |
| Attribute | side |
| Type | "end" ｜ "start" |
| Default | 'end' |
theme
| Description | The theme determines the visual appearance of the component. This is a virtual property that is set once during initialization and will not update if you change its value after the initial render. |
| Attribute | theme |
| Type | "ios" ｜ "md" ｜ "ionic" |
| Default | undefined |
Events
| Name | Description | Bubbles |
|---|---|---|
ionSwipe | Emitted when the item has been fully swiped. | true |
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.