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
VModels
Name
page
Orion.ListPage = {
size: 20,
index: 1,
}
selected
T[] = (): T[] => []
Props
Name
bindRouter
string = undefined
cellClass
string = 'col-sm-6 col-lg-4 col-xl-3'
gridClass
string = 'row row--grid'
itemAdjective
string = undefined
itemType
string = undefined
layout
Orion.ListLayout = 'grid'
list
T[] = () => []
total
number = 0
trackKey
string = 'id'
useAutoPagination
boolean = undefined
useFooterSelected
boolean = true
usePaginationBottom
boolean = true
usePaginationTop
boolean = true
Slots
Name
Bindings
default
No bindings
default
No bindings
footer-selected-actions
No bindings