Skip to content

CardHeader

Source: client/lib/theme/vueda-tailwind/shell/index.js

The leading card header grid. It creates title and description rows and switches to a two-column layout when CardAction.root is present.

Vue component: CardHeader

SlotDefault classesDescription
root2 classesThe leading card header grid. It creates title and description rows and switches to a two-column layout when CardAction.root is present.

root

The leading card header grid. It creates title and description rows and switches to a two-column layout when CardAction.root is present.

Default classes:

text
@container/card-header grid auto-rows-min grid-rows-[auto_auto] items-start gap-1.5 px-6
has-data-[slot=card-action]:grid-cols-[1fr_auto] [.border-b]:pb-6 [.border-b-hairline]:pb-6

Source: client/lib/theme/vueda-tailwind/shell/CardHeader.theme.js:18

Documents matching: server v3.0.0a1.post1client v3.0.0-alpha.2