本文へ移動
バージョン: v8

ion-item-option

shadow

アイテムオプションコンポーネントは、スライドアイテム用のボタンです。 アイテムオプション 内に配置する必要があります。`ionSwipe` イベントと `expandable` プロパティを組み合わせて、アイテムの完全なスワイプアクションを作成できます。

詳細については、アイテムのスライド のドキュメントを参照してください。

プロパティ

color

説明アプリケーションのカラーパレットから使用する色です。デフォルトのオプションは、` "primary" `、` "secondary" `、` "tertiary" `、` "success" `、` "warning" `、` "danger" `、` "light" `、` "medium" `、` "dark" `です。色の詳細については、テーマ設定 を参照してください。
属性color
"danger" | "dark" | "light" | "medium" | "primary" | "secondary" | "success" | "tertiary" | "warning" | string | undefined
デフォルトundefined

disabled

説明trueの場合、ユーザーはアイテムオプションとインタラクトできません。
属性disabled
boolean
デフォルトfalse

download

説明この属性は、ブラウザにURLに移動する代わりにダウンロードするように指示するため、ユーザーはローカルファイルとして保存するように求められます。属性に値がある場合、保存プロンプトで事前に入力されたファイル名として使用されます(ユーザーは必要に応じてファイル名を変更できます)。
属性download
string | undefined
デフォルトundefined

expandable

説明trueの場合、オプションは利用可能な幅を占めて他のオプションを覆います。
属性expandable
boolean
デフォルトfalse

href

説明ハイパーリンクが指すURLまたはURLフラグメントが含まれています。このプロパティが設定されている場合、アンカータグがレンダリングされます。
属性href
string | undefined
デフォルトundefined

mode

説明モードは、使用するプラットフォームスタイルを決定します。
属性mode
"ios" | "md"
デフォルトundefined

rel

説明ターゲットオブジェクトとリンクオブジェクトの関係を指定します。値は、リンクの種類 のスペース区切りのリストです。
属性rel
string | undefined
デフォルトundefined

target

説明リンクされたURLを表示する場所を指定します。`href` が提供されている場合にのみ適用されます。特別なキーワード: ` "_blank" `、` "_self" `、` "_parent" `、` "_top" `。
属性target
string | undefined
デフォルトundefined

type

説明ボタンの種類です。
属性type
"button" | "reset" | "submit"
デフォルト'button'

イベント

このコンポーネントで使用できるイベントはありません。

メソッド

このコンポーネントで使用できる公開メソッドはありません。

CSSシャドウパーツ

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

CSSカスタムプロパティ

名前説明
--backgroundアイテムオプションの背景
--colorアイテムオプションの色

スロット

名前説明
``コンテンツは、スロットなしで提供された場合、名前付きスロット間に配置されます。
bottomコンテンツはオプションテキストの下に配置されます。
endLTRではオプションテキストの右側に、RTLでは左側にコンテンツが配置されます。
icon-onlyテキストのないオプションのアイコンで使用してください。
startLTRではオプションテキストの左側に、RTLでは右側にコンテンツが配置されます。
topコンテンツはオプションテキストの上に配置されます。