OrionList
<o-list> is a quick way to display a list with pagination, selection, grid or row layout features.
It will use the default slot to iterate over the given array through the list prop.
Usage
ListPlayground
VModels
Name
page
Orion.ListPage = {
size: 20,
index: 1,
}selected
T[] = (): T[] => []Props
Name
bindRouter
string = undefinedcellClass
string = 'col-sm-6 col-lg-4 col-xl-3'gridClass
string = 'row row--grid'itemAdjective
string = undefineditemType
string = undefinedlayout
Orion.ListLayout = 'grid' list
T[] = () => []total
number = 0trackKey
string = 'id'useAutoPagination
boolean = undefineduseFooterSelected
boolean = trueusePaginationBottom
boolean = trueusePaginationTop
boolean = trueEvents
Name
Payload type
clear-selection
paginate
numberSlots
Name
Bindings
default
No bindingsdefault
No bindingsfooter-selected-actions
No bindings