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
| Slot | Default classes | Description |
|---|---|---|
| root | 2 classes | The 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-6Source: client/lib/theme/vueda-tailwind/shell/CardHeader.theme.js:18