Skip to content

Items

Overview

The utils.items.js module exports CardSectionProps, a reusable Vue props definition shared by KDK card section components.

CardSectionProps

A Vue props definition object to be spread into a card section component's props option:

javascript
import { CardSectionProps } from '@kalisio/kdk/core.client'

export default {
  props: { ...CardSectionProps }
}

Props

PropTypeDefaultDescription
titleString''Section title displayed in the card header.
itemObjectnullThe data object this section represents.
actionsArraynullAction definitions to render in the section.
actionsFilterString | ArraynullFilter applied to the actions list. Can be a comma-separated string or an array of action IDs to include.
hideSeparatorBooleanfalseWhen true, hides the section separator line.
hideHeaderBooleanfalseWhen true, hides the section header.
denseBooleanfalseUses compact layout.
contextObjectnullArbitrary context object passed to action handlers.