---
name: Cards
menu: Components
route: /components/Cards
---

import Cards from './';
import { Playground, Props } from 'docz';

# Cards

This component renders an HTML `<div>` and passes along all props.

## API
<Props of={Cards} />

## Example

<Playground>
	<Cards
  thumbnailText="LP"
  color="#0573F7"
  title={"Agile Manager"}
  subtitle={"Compañía"}
  />
  <Cards
  thumbnailText="LP"
  color="#0573F7"
  title={"Agile Manager"}
  subtitle={"Compañía"}
  width="152px"
  height="176px"
  />
</Playground>

## Only title
<Playground>
	<Cards
		thumbnailText="PL"
    color="#0573F7"
    title={"Gobierno Corporativo"}
  />
</Playground>