Item 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.
Colors CSS Custom Properties color Description The color to use from your application's color palette. Default options are:"primary", "secondary", "tertiary", "success", "warning", "danger", "light", "medium", and "dark". For more information on colors, see theming. Attribute color Type "danger" ｜ "dark" ｜ "light" ｜ "medium" ｜ "primary" ｜ "secondary" ｜ "success" ｜ "tertiary" ｜ "warning" ｜ string ｜ undefined Default undefined mode Description The mode determines which platform styles to use. Attribute mode Type "ios" ｜ "md" Default undefined sticky Description When it's set to true, the item-divider will stay visible when it reaches the top of the viewport until the next ion-item-divider replaces it.
This feature relies in position:sticky: https://caniuse.com/#feat=css-sticky
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.
--background Background of the item divider --color Color of the item divider --inner-padding-bottom Bottom inner padding of the item divider --inner-padding-end End inner padding of the item divider --inner-padding-start Start inner padding of the item divider --inner-padding-top Top inner padding of the item divider --padding-bottom Bottom padding of the item divider --padding-end Right padding if direction is left-to-right, and left padding if direction is right-to-left of the item divider --padding-start Left padding if direction is left-to-right, and right padding if direction is right-to-left of the item divider --padding-top Top padding of the item divider Name Description --background Background of the item divider --color Color of the item divider --inner-padding-bottom Bottom inner padding of the item divider --inner-padding-end End inner padding of the item divider --inner-padding-start Start inner padding of the item divider --inner-padding-top Top inner padding of the item divider --padding-bottom Bottom padding of the item divider --padding-end Right padding if direction is left-to-right, and left padding if direction is right-to-left of the item divider --padding-start Left padding if direction is left-to-right, and right padding if direction is right-to-left of the item divider --padding-top Top padding of the item divider Name Description `` Content is placed between the named slots if provided without a slot. end Content is placed to the right of the divider text in LTR, and to the left in RTL. start Content is placed to the left of the divider text in LTR, and to the right in RTL.
RetroSearch is an open source project built by @garambo | Open a GitHub Issue
Search and Browse the WWW like it's 1997 | Search results from DuckDuckGo
HTML:
3.2
| Encoding:
UTF-8
| Version:
0.7.4