Collection

The k-collection component is a wrapper around k-cards and k-list-items that makes it easy to switch between the two layouts and adds sortabilty and pagination to the items.

<k-collection layout="cards" :items="[
  {
    text: 'a.jpg',
    image:   { ... },
    options: [ ... ]
  },
  {
    text: 'b.jpg',
    image:   { ... },
    options: [ ... ]
  },
  {
    text: 'c.jpg',
    image:   { ... },
    options: [ ... ]
  }
]" />