# Card (deprecated)

## Overview

Card is used as a container for a set of different components. It has a configurable header and footer - you can set their background or accent. You can also set the background color of the card itself.

<figure><img src="https://837703843-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FUX6zPRMFFK0yrTghj7cY%2Fuploads%2FyeKNuCWOO9EdBUMq0cby%2FCleanShot%202025-09-10%20at%2015.35.29%402x-min.png?alt=media&#x26;token=52b27f7c-6990-4f81-ab4f-f6c93c356799" alt=""><figcaption></figcaption></figure>

### Triggers

<table><thead><tr><th width="135.75390625">Name</th><th>Description</th><th data-hidden></th></tr></thead><tbody><tr><td><strong>On Click</strong></td><td>Triggered when the component is clicked</td><td></td></tr><tr><td><strong>On Init</strong></td><td>Triggered when the component is initialized</td><td></td></tr></tbody></table>