Lists are made up of multiple rows of items which can contain text, buttons, toggles, icons, thumbnails, and much more. Lists generally contain items with similar data content, such as images and text.
Lists support several interactions including swiping items to reveal options, dragging to reorder items within the list, and deleting items.
Adding the inset
property to a list will apply margin around the list. In ios
mode it will also add rounded corners to the list.
Adding the lines
property to a list will adjust the bottom borders of all of the items in the list. Setting it to "full"
will display full width borders, "inset"
will display borders adjusted with left padding, and "none"
will show no borders. If the lines
property is set on an item in a list, that will take priority over the property on the list.
true
, the list will have margin around it and rounded corners. Attribute inset
Type boolean
Default false
lines Description How the bottom border should be displayed on all items. Attribute lines
Type "full" | "inset" | "none" | undefined
Default undefined
mode Description The mode determines which platform styles to use. Attribute mode
Type "ios" | "md"
Default undefined
No events available for this component.
closeSlidingItems Description Ifion-item-sliding
are used inside the list, this method closes any open sliding item.
Returns true
if an actual ion-item-sliding
is closed.
closeSlidingItems() => Promise<boolean>
No CSS shadow parts available for this component.
No CSS custom properties available for this component.
No slots available for this component.
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