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

# Card

A Card is a flexible-sized container.

## Purpose

The Card is a flexible-sized container. It resembles a playing card and is intended to display content and encourage users to click/tap to view more details. Cards can serve as entry points into deeper levels of detail or navigation.

## Anatomy

The Card component is one element -

## Variants & States

- State: Default, Hover, Focus<br />
- Selectable: yes/no<br />
- Selected: yes/no<br />