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

Description	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.
Attribute	color
Type	"danger" ｜ "dark" ｜ "light" ｜ "medium" ｜ "primary" ｜ "secondary" ｜ "success" ｜ "tertiary" ｜ "warning" ｜ string & Record<never, never> ｜ undefined
Default	undefined

disabled

Description	trueの場合、ユーザーはアイテムオプションと対話することができません。
Attribute	disabled
Type	boolean
Default	false

download

Description	This 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).
Attribute	download
Type	string ｜ undefined
Default	undefined

expandable

Description	trueの場合、オプションは利用可能な幅を占めるように展開し、他のオプションをカバーします。
Attribute	expandable
Type	boolean
Default	false

href

Description	Contains a URL or a URL fragment that the hyperlink points to. If this property is set, an anchor tag will be rendered.
Attribute	href
Type	string ｜ undefined
Default	undefined

mode

Description	modeは、どのプラットフォームのスタイルを使用するかを決定します。
Attribute	mode
Type	"ios" ｜ "md"
Default	undefined

rel

Description	Specifies the relationship of the target object to the link object. The value is a space-separated list of link types.
Attribute	rel
Type	string ｜ undefined
Default	undefined

target

Description	Specifies where to display the linked URL. Only applies when an href is provided. Special keywords: "_blank", "_self", "_parent", "_top".
Attribute	target
Type	string ｜ undefined
Default	undefined

type

Description	ボタンの種類です。
Attribute	type
Type	"button" ｜ "reset" ｜ "submit"
Default	'button'

Events

No events available for this component.

Methods

No public methods available for this component.

CSS Shadow Parts

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

CSS Custom Properties

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

Slots

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