---
title: "Card"
canonical: "https://support.appfire.com/space/CT/1562509352/Card"
format: markdown
---
> Macro (aura-html)

This macro lets you create tabbed content when used with the [Deck of Cards](https://appfire.atlassian.net/wiki/spaces/CTFCSM/pages/1562607623) macro.

An example of tabbed content: 

![image](media://5bdec8d4-478c-4de3-a0dd-4b9c98ef32f5)

> ⚠️ This macro is only available on the Data Center version. For the Cloud version, use the [Tab](https://appfire.atlassian.net/wiki/spaces/CTFCC/pages/1561725840) macro instead. If you want to migrate your existing Card and Deck of Cards macros to cloud, refer to [https://appfire.atlassian.net/wiki/spaces/CTFCSM/pages/1562247621](https://appfire.atlassian.net/wiki/spaces/CTFCSM/pages/1562247621).

## Parameters

| **Name** | **Required** | **Can be migrated to cloud?** | **Default value** | **Description** |
| --- | --- | --- | --- | --- |
| **Card Label** | [(/)] | [NO] |  | The label for the deck. |
| **ID** | [(X)] | [NO] |  | The unique card ID. This is used to generate the tab history ID. |
| **Hover Text** | [(X)] | [NO] |  | Text to display when hovering over the tab. |
| **Default** | [(X)] | [NO] | false | If `true`, this card will be the default one shown when the page is first viewed. |
| **CSS Class** | [(X)] | [NO] |  | The custom CSS class for the Card. |
| **CSS Style** | [(X)] | [NO] |  | Custom CSS style values. |
| **Next After** | [(X)] | [NO] | 0 | - The number of seconds the card will stay visible before moving to the next one.
- The default of `0` prevents automatic transitions. |
| **Effect Type** | [(X)] | [NO] | default | The effect to use when moving to this card. Can be:<br>- **default**
- **fade**
- **slide**
- **horizontal** |
| **Effect Duration** | [(X)] | [NO] |  | - The number of seconds the transition will take to complete, for example, `1.5` or `10`. |
| **Access Key** | [(X)] | [NO] |  | - The key that is hot-linked to the specified card.
- Only works in some browsers. Note that some characters may not work in some browsers due to conflicts with existing keyboard shortcuts:<br>**Browser: **Firefox 2  
**Keyboard Shortcut: **`Alt + Shift + <character>`<br>**Browser: **Safari 3  
**Keyboard Shortcut: **`Alt + <character>`<br>**Browser: **Safari 4  
**Keyboard Shortcut: **`Alt + Cmd + <character>`<br>**Browser: **Chrome  
**Keyboard Shortcut: **`Ctrl + <character>`<br>**Browser: **Internet Explorer 6 and 7  
**Keyboard Shortcut:** `N/A` |

## Related pages

> Macro (contentbylabel)