---
name: card
title: Card Component
---

## A Card Layout

Cards are an example of a layout. It doesn't have any content of its own, it is only used to collect and display components.

You could add other parameters to a layout including grid/flex-box, background color, padding options, element queries etc.

If you're tempted to add a title or button to the card consider breaking those out into separate components. This not only makes those titles/buttons reusable, and makes the card more flexible, but it keeps the purpose of the card layout pure.
