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
pageOrion.ListPage = { size: 20, index: 1, }
selectedT[] = (): T[] => []

Props

Name
bindRouterstring = undefined
cellClassstring = 'col-sm-6 col-lg-4 col-xl-3'
gridClassstring = 'row row--grid'
itemAdjectivestring = undefined
itemTypestring = undefined
layoutOrion.ListLayout = 'grid'
listT[] = () => []
totalnumber = 0
trackKeystring = 'id'
useAutoPaginationboolean = undefined
useFooterSelectedboolean = true
usePaginationBottomboolean = true
usePaginationTopboolean = true

Slots

Name
Bindings
default
No bindings
default
No bindings
footer-selected-actions
No bindings