Skip to main content
Version: v5

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

color

DescriptionThe 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.
Attributecolor
Typestring | undefined
Defaultundefined

disabled

Descriptiontrueの場合、ユーザーはアイテムオプションと対話することができません。
Attributedisabled
Typeboolean
Defaultfalse

download

DescriptionThis attribute instructs browsers to download a URL instead of navigating to it, so the user will be prompted to save it as a local file. If the attribute has a value, it is used as the pre-filled file name in the Save prompt (the user can still change the file name if they want).
Attributedownload
Typestring | undefined
Defaultundefined

expandable

Descriptiontrueの場合、オプションは利用可能な幅を占めるように展開し、他のオプションをカバーします。
Attributeexpandable
Typeboolean
Defaultfalse

href

DescriptionContains a URL or a URL fragment that the hyperlink points to. If this property is set, an anchor tag will be rendered.
Attributehref
Typestring | undefined
Defaultundefined

mode

Descriptionmodeは、どのプラットフォームのスタイルを使用するかを決定します。
Attributemode
Type"ios" | "md"
Defaultundefined

rel

DescriptionSpecifies the relationship of the target object to the link object. The value is a space-separated list of link types.
Attributerel
Typestring | undefined
Defaultundefined

target

DescriptionSpecifies where to display the linked URL. Only applies when an href is provided. Special keywords: "_blank", "_self", "_parent", "_top".
Attributetarget
Typestring | undefined
Defaultundefined

type

Descriptionボタンの種類です。
Attributetype
Type"button" | "reset" | "submit"
Default'button'

Events

No events available for this component.

Methods

No public methods available for this component.

CSS Shadow Parts

NameDescription
nativeすべての子要素をラップするネイティブHTMLのボタンまたはアンカー要素です。

CSS Custom Properties

NameDescription
--backgroundアイテムオプションの背景
--colorアイテムオプションのカラー

Slots

NameDescription
``slotがない状態で提供される場合、コンテンツは名前付きslotの間に配置されます。
bottomコンテンツは、オプションテキストの下に配置されます。
endコンテンツは、LTRではオプションテキストの右側に、RTLでは左側に配置されます。
icon-onlyテキストを持たないオプションのアイコンに使用されるべきです。
startコンテンツは、LTRではオプションテキストの左側に、RTLでは右側に配置されます。
topオプションテキストの上にコンテンツが配置されます。