Skip to main content
Version: v7

ion-item-option

shadow

The item option component is an button for a sliding item. It must be placed inside of item options. The ionSwipe event and the expandable property can be combined to create a full swipe action for the item.

See the item sliding documentation for more information.

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
Type"danger" | "dark" | "light" | "medium" | "primary" | "secondary" | "success" | "tertiary" | "warning" | string | 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オプションテキストの上にコンテンツが配置されます。