Skip to main content
Version: v9

ion-item-divider

shadow

アイテムディバイダは、リスト内の アイテム を区切るために使用できるブロック要素です。リストヘッダーと似ていますが、リストの一番上に置くだけでなく、アイテムのグループの間に置く必要があります。

基本的な使い方​

テーマ​

配色​

CSSカスタムプロパティ​

プロパティ​

color​

Descriptionアプリケーションのカラーパレットから使用する色を指定します。デフォルトのオプションは以下の通りです。 "primary", "secondary", "tertiary", "success", "warning", "danger", "light", "medium", と "dark" です．色に関する詳しい情報は theming を参照してください。
Attributecolor
Type"danger" ｜ "dark" ｜ "light" ｜ "medium" ｜ "primary" ｜ "secondary" ｜ "success" ｜ "tertiary" ｜ "warning" ｜ string ｜ undefined
Defaultundefined

mode​

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

This is a virtual property that is set once during initialization and will not update if you change its value after the initial render.
Attributemode
Type"ios" ｜ "md"
Defaultundefined

sticky​

Descriptiontrueに設定すると、アイテムディバイダーがビューポートの上部に到達しても、次の ion-item-divider がそれを置き換えるまで表示されたままになります。 この機能は position:sticky に依存しています: https://caniuse.com/#feat=css-sticky
Attributesticky
Typeboolean
Defaultfalse

イベント​

No events available for this component.

メソッド​

No public methods available for this component.

CSS Shadow Parts​

No CSS shadow parts available for this component.

CSSカスタムプロパティ​

NameDescription
--backgroundアイテムディバイダーの背景
--colorアイテムディバイダーの色
--inner-padding-bottomアイテムディバイダーのBottom Inner Padding
--inner-padding-endアイテムディバイダーのEnd Inner Padding
--inner-padding-startアイテムディバイダーのStart Inner Padding
--inner-padding-topアイテムディバイダーのTop Inner Padding
--padding-bottomアイテムディバイダーのBottom Padding
--padding-endアイテムディバイダーの方向が左から右の場合はRight Padding、右から左の場合はLeft Padding
--padding-startアイテムディバイダーの方向が左から右の場合はLeft Padding、右から左の場合はRight Paddingとなります。
--padding-topアイテムディバイダーのTop Padding

Slots​

NameDescription
slotがない状態で提供される場合、コンテンツは名前付きslotの間に配置されます。
endコンテンツは、LTRでは仕切り文字の右側に、RTLでは左側に配置されます。
startコンテンツは、LTRでは仕切り文字の左側に、RTLでは右側に配置されます。

Contents

Edit this page