---
url: "https://vueda.dev/v3/reference/theming/keys/CardAction.md"
title: "CardAction"
---

# CardAction

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

> The trailing card header action region. It parks in the top-right column and spans the title and description rows without adding wrapper layout logic.

Vue component: [CardAction](/v3/reference/api/vue/CardAction.md)

| Slot | Default classes | Description |
| --- | --- | --- |
| [root](/v3/reference/theming/keys/CardAction.md#theme-key-CardAction-root) | `col-start-2 row-span-2 row-start-1 self-start justify-self-end` | The trailing card header action region. It parks in the top-right column and spans the title and description rows without adding wrapper layout logic. |

<a id="theme-key-CardAction-root"></a>

## root

> The trailing card header action region. It parks in the top-right column and spans the title and description rows without adding wrapper layout logic.

Default classes:

`col-start-2 row-span-2 row-start-1 self-start justify-self-end`

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