mirror of
https://github.com/ionic-team/ionic-framework.git
synced 2026-03-13 10:22:08 +08:00
29f1500e5a
* add button slot
* add component slot docs
* update content default slot description
* run npm build
* fix typos
* update md files
* docs(slots): update slot components and the build files
* chore(stencil): updates stencil to build readmes
* chore(build): update the swiper bundle file to match master
* update default slot doc wording
* revert changes
* Revert "update default slot doc wording"
This reverts commit e18401491e.
merge
* docs(slots): update default slot doc wording
ion-item-option
The option button for an ion-item-sliding. Must be placed inside of an <ion-item-options>.
You can combine the ionSwipe event and the expandable directive to create a full swipe
action for the item.
Properties
| Property | Attribute | Description | Type | Default |
|---|---|---|---|---|
color |
color |
The color to use from your application's color palette. Default options are: "primary", "secondary", "tertiary", "success", "warning", "danger", "light", "medium", and "dark". For more information on colors, see theming. |
string | undefined |
undefined |
disabled |
disabled |
If true, the user cannot interact with the item option. |
boolean |
false |
expandable |
expandable |
If true, the option will expand to take up the available width and cover any other options. |
boolean |
false |
href |
href |
Contains a URL or a URL fragment that the hyperlink points to. If this property is set, an anchor tag will be rendered. | string | undefined |
undefined |
mode |
mode |
The mode determines which platform styles to use. | "ios" | "md" |
undefined |
Slots
| Slot | Description |
|---|---|
| Content is placed between the named slots if provided without a slot. | |
"bottom" |
Content is placed below the option text. |
"end" |
Content is placed to the right of the option text in LTR, and to the left in RTL. |
"icon-only" |
Should be used on an icon in an option that has no text. |
"start" |
Content is placed to the left of the option text in LTR, and to the right in RTL. |
"top" |
Content is placed above the option text. |
CSS Custom Properties
| Name | Description |
|---|---|
--background |
Background of the item option |
--color |
Color of the item option |
Built with StencilJS