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

ion-item-divider

shadow

Properties

color

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

mode

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

sticky

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

CSS Custom Properties

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

Slots

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