---
title: Info card
slug: generic-onboarding/info-card
description: Learn everything you need to know about info cards in this comprehensive document. Discover how they condense data or knowledge into visual representations, including title, description, images, and icons. Customize your cards with various settings, such 
docTags: 
createdAt: 2023-03-01T11:05:15.000Z
---

Info Cards are a type of visual representation of information, typically used to present data or knowledge in a compact and easy-to-digest format.

![](https://api.archbee.com/api/optimize/w0YdjmC6Uxu0AJ6sPj9OT/8XaSRArZ_2L5m9KNMyJOu-20260326-210655.gif "Element details of Info Card")

## Field Details

- **Card Title:** This is the text which will be displayed on the card. It is the name given to the card.
- **Description: **This is the text that will be displayed on the label area and it will give the proper information to the user.
- **Add image or icon: **Icons or emojis can be added as a prefix or suffix to the checkbox option(s) too to give visual appeal to the input elements. Whether an icon, emoji, or none has to be added can be chosen by selecting the radio button. It can be used from Google fonts and icons and also from other sources.

::Image[]{src="https://api.archbee.com/api/optimize/w0YdjmC6Uxu0AJ6sPj9OT/gHBfQML3vnmMzbVY7lnKa_image.png" size="52" width="501" height="340" position="center" caption="Adding Icon or Emoji to Info Card " showCaption="true"}

- **More Settings:**
  - **Bg card colour: **This field is used to give the required colour to the card background.
  - **Title colour:** This field is used to give the required colour to the title text
  - **Description colour:** This field is used to give the required colour to the description text.

## Toggle Buttons

- **Add Corner Radius to the Card: **Enabling this will add rounded corners to the card element.		
- **Add Card Time-out: **Enabling this will add a time-out feature in the card element.
- **Add drop shadow to cards: **Enabling this will add drop shadows to the card element.

:::hint{type="info"}
### Getting help

Please feel free to contact us if you have any questions, require clarification, or have ideas for how to make the documents or any of our services better.


You can reach out to us at [help@signzy.com](#).
:::