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

bindRouterstring = undefined

cellClassstring = 'col-sm-6 col-lg-4 col-xl-3'

gridClassstring = 'row row--grid'

itemAdjectivestring = undefined

itemTypestring = undefined

layout'grid' | 'row' = 'grid'

listany[] = (): any[] => []

page

Orion.ListPage = (): Orion.ListPage => ({
				size: 20,
				index: 1,
			})

selectedany[] = (): any[] => []

totalnumber = 0

trackKeystring = 'id'

useAutoPaginationboolean = false

useFooterSelectedboolean = true

usePaginationBottomboolean = true

usePaginationTopboolean = true

update:page

Orion.ListPage

update:selected

any[]

clear-selection

No payload

paginate

number

default

No bindings

default

No bindings

footer-selected-actions

No bindings