shadowItem dividers are block elements that can be used to separate items in a list. They are similar to list headers, but instead of only being placed at the top of a list, they should go in between groups of items.
| Description | アプリケーションのカラーパレットから使用する色を指定します。デフォルトのオプションは以下の通りです。 "primary", "secondary", "tertiary", "success", "warning", "danger", "light", "medium", と "dark" です．色に関する詳しい情報は theming を参照してください。 |
| Attribute | color |
| Type | "danger" ｜ "dark" ｜ "light" ｜ "medium" ｜ "primary" ｜ "secondary" ｜ "success" ｜ "tertiary" ｜ "warning" ｜ string & Record<never, never> ｜ undefined |
| Default | undefined |
| Description | modeは、どのプラットフォームのスタイルを使用するかを決定します。 |
| Attribute | mode |
| Type | "ios" ｜ "md" |
| Default | undefined |
| Description | trueに設定すると、アイテムディバイダーがビューポートの上部に到達しても、次の ion-item-divider がそれを置き換えるまで表示されたままになります。 この機能は position:sticky に依存しています: https://caniuse.com/#feat=css-sticky |
| Attribute | sticky |
| Type | boolean |
| Default | false |
No events available for this component.
No public methods available for this component.
No CSS shadow parts available for this component.
| Name | Description |
|---|
--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 |
| Name | Description |
|---|
| `` | slotがない状態で提供される場合、コンテンツは名前付きslotの間に配置されます。 |
end | コンテンツは、LTRでは仕切り文字の右側に、RTLでは左側に配置されます。 |
start | コンテンツは、LTRでは仕切り文字の左側に、RTLでは右側に配置されます。 |