メインコンテンツにスキップ
バージョン: v8

ion-item-divider

shadow

項目区切りは、リスト内の項目を区切るために使用できるブロック要素です。リストヘッダーに似ていますが、リストの先頭にのみ配置されるのではなく、項目のグループ間に配置する必要があります。

基本的な使い方

テーマ

CSSカスタムプロパティ

プロパティ

color

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

mode

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

sticky

説明trueに設定すると、次のion-item-dividerが置き換えるまで、ビューポートの上部に達したときに項目区切りが表示されたままになります。

この機能はposition:stickyに依存します:https://caniuse.dokyumento.jp/#feat=css-sticky
属性sticky
boolean
デフォルトfalse

イベント

このコンポーネントで利用可能なイベントはありません。

メソッド

このコンポーネントで利用可能なパブリックメソッドはありません。

CSSシャドウパーツ

このコンポーネントで利用可能なCSSシャドウパーツはありません。

CSSカスタムプロパティ

名前説明
--background項目区切りの背景
--color項目区切りの色
--inner-padding-bottom項目区切りの下部内側パディング
--inner-padding-end項目区切りの末尾内側パディング
--inner-padding-start項目区切りの開始内側パディング
--inner-padding-top項目区切りの上部内側パディング
--padding-bottom項目区切りの下部パディング
--padding-end方向が左から右の場合は右パディング、方向が右から左の場合は項目区切りの左パディング
--padding-start方向が左から右の場合は左パディング、方向が右から左の場合は項目区切りの右パディング
--padding-top項目区切りの上部パディング

スロット

名前説明
``スロットなしで提供された場合、コンテンツは名前付きスロットの間に配置されます。
endコンテンツは、LTRでは区切りテキストの右側に、RTLでは左側に配置されます。
startコンテンツは、LTRでは区切りテキストの左側に、RTLでは右側に配置されます。