Reference

Guide

Cards

<k-cards>

The Cards component builds a very responsive grid of cards from the given cards option or by injecting cards into the default slot.

Cards Option

<k-cards
  :cards="[
    {...},
    {...},
    {...},
  ]"
/>

Check out the Card component documentation for all available options for each card.

Default Slot

If you need more control over each card, you can inject cards manually

<k-cards>
  <k-card v-bind="..." />
  <k-card v-bind="..." />
  <k-card v-bind="..." />
  <k-card v-bind="..." />
</k-cards>