cardContent

Replaces the built-in card template with a custom Vue slot. The wrapper element (selection state, drag affordances, data-id, CSS classes) stays intact - only the content inside it changes.

Usage

cardContent?: Component<{ card: KanbanCard; cardShape: CardShape }>;

The slot receives two props:

Field	Type	Description
card	KanbanCard	The source card data object
cardShape	CardShape	The current section visibility map from card

Example

<Kanban :cards="cards" :columns="columns">
  <template #cardContent="{ card, cardShape }">
    <div class="my-card">
      <strong>{{ card.label }}</strong>

      <span v-if="card.owner">{{ card.owner }}</span>
    </div>
  </template>
</Kanban>

Related

• Cards guide - card data shape and custom card body
• card - CardShape controlling section visibility
• cardCss - per-card CSS classes