OrionList

<o-list> est un moyen rapide d'afficher une liste avec des fonctionnalités telles que la pagination, la sélection ou l'affiche en grille ou en lignes.

Le composant utilise le slot default pour itérer sur le tableau passé via la prop list.

Usage

ListPlayground

Props

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

Events

update:page

Orion.ListPage

update:selected

any[]

clear-selection

No payload

paginate

number

Slots

default

No bindings

default

No bindings

footer-selected-actions

No bindings