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

# CardFooter

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

> The trailing card footer row. It aligns footer content horizontally and adds top padding when the footer carries a top divider (a raw `border-t` or the DPR-tracked `border-t-hairline`; prefer the hairline form, see README § 7.3).

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

| Slot | Default classes | Description |
| --- | --- | --- |
| [root](/v3/reference/theming/keys/CardFooter.md#theme-key-CardFooter-root) | `flex items-center px-6 [.border-t]:pt-6 [.border-t-hairline]:pt-6` | The trailing card footer row. It aligns footer content horizontally and adds top padding when the footer carries a top divider (a raw `border-t` or the DPR-tracked `border-t-hairline`; prefer the hairline form, see README § 7.3). |

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

## root

> The trailing card footer row. It aligns footer content horizontally and adds top padding when the footer carries a top divider (a raw `border-t` or the DPR-tracked `border-t-hairline`; prefer the hairline form, see README § 7.3).

Default classes:

`flex items-center px-6 [.border-t]:pt-6 [.border-t-hairline]:pt-6`

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