---
title: "Deck of Cards"
canonical: "https://support.appfire.com/space/CT/1562607623/Deck%20of%20Cards"
format: markdown
---
> Macro (aura-html)
This macro lets you create tabbed content in coordination with the Card macro. It also works with the Composition Setup macro if it is placed above the Deck of Cards macro on the page.
> ℹ️ The Deck of Cards macro must contain at least one [Card](https://appfire.atlassian.net/wiki/spaces/CTFCSM/pages/1562509352) macro within its body.
An example of tabbed content:
> ⚠️ This macro is only available on the Data Center version. For the Cloud version, use the [Tab Group](https://appfire.atlassian.net/wiki/spaces/CTFCSM/pages/1562607835) 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** |
| --- | --- | --- | --- | --- |
| **ID** | [(/)] | [NO] | | The ID for the deck. Must be unique to this page. |
| **Tabs Location** | [(X)] | [NO] | top | Can be:
- **top**
- **bottom**
- **left**
- **right**
- **none**
> ℹ️ The **left** and **right** parameters are only available in Composition 5.11.0 and later. |
| **Width** | [(X)] | [NO] | | - The width of the content will be constrained to (not including any tabs).
- If not set, the tabs expand to display their content. |
| **Height** | [(X)] | [NO] | | - The height of the content will be constrained to (not including any tabs).
- If not set, the tabs expand to display their content. |
| **History** | [(X)] | [NO] | true | If enabled, the tab will update the page URL when switching tabs, and each navigation between the tabs will be treated as an entry in the browser history. |
| **CSS Class** | [(X)] | [NO] | | The custom CSS class the deck is decorated by. |
| **Start Hidden** | [(X)] | [NO] | true | If set to `false`, the cards will be initially visible on the page until setup is complete. |
| **Loop Cards** | [(X)] | [NO] | false | If `true`, the deck will loop back to the beginning from the last card and vice versa. |
| **Next After (in Seconds)** | [(X)] | [NO] | never | - The number of seconds the slides will stay visible before moving to the next one.
- By default, the current slide will not transition until prompted by the user. |
| **Effect Type** | [(X)] | [NO] | none | The effect to use when moving to a new slide. Can be:
- **fade**
- **none** |
| **Effect Duration (in Seconds)** | [(X)] | [NO] | 1 | The number of seconds the transition will take to complete, for example: `1.5`** **or `10`. |
## Macro edit view
# Related pages
> Macro (contentbylabel)