---
title: "Info Card"
canonical: https://sky-ui.cf.sky.com/components/info-card
---

# Info Card

The Info Card structures information and directs user to further actions.

## Purpose

The Info Card displays information in a consistent and flexible way, with the option for additional links to direct the user to further actions.

## Anatomy

The Info Card component can be broken down into the following elements -

## Variants & States

Info Cards themselves have no alternative variants or states other than the Breakpoint. Most elements are optional and can be shown or hidden.

### Info Card

- Breakpoint: Mobile, Desktop
- Manual height: on/off
- Icon: on/off
- Tag: on/off
- Description: on/off
- Text list: on/off
- Inline-Alert: on/off
- Links list: on/off

### Placeholder

Aspect Ratio: 32:9, 16:9

### Text List

- Breakpoint: Mobile, Desktop
- Stacked: on/off
- ​# of Lines: 1-4

### Links List

​# of Links: 1-4