mirror of
https://github.com/ionic-team/ionic-framework.git
synced 2025-08-20 04:14:21 +08:00
a7f1f4daa7
- updates components to use shadow DOM or scoped if they require css variables - moves global styles to an external stylesheet that needs to be imported - adds support for additional colors and removes the Sass loops to generate colors for each component - several property renames, bug fixes, and test updates Co-authored-by: Manu Mtz.-Almeida <manu.mtza@gmail.com> Co-authored-by: Adam Bradley <adambradley25@gmail.com> Co-authored-by: Cam Wiegert <cam@camwiegert.com>
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
| 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
side
string
The side the option button should be on. Possible values: "start" and "end". Defaults to "end". If you have multiple ion-item-options, a side must be provided for each.
Attributes
side
string
The side the option button should be on. Possible values: "start" and "end". Defaults to "end". If you have multiple ion-item-options, a side must be provided for each.
Events
ionSwipe
Emitted when the item has been fully swiped.
Methods
fireSwipeEvent()
isEndSide()
width()
Built with StencilJS