Example

<Card>
  <CardCol size={2}>
    <CardRow isTitle={true}>
      Nome da Campanha
    </CardRow>

    <CardRow>Foo Campaign</CardRow>
  </CardCol>

  <CardCol size={2}>
    <CardRow isTitle={true}>
      Other Block
    </CardRow>

    <CardRow>Other value to this block</CardRow>
  </CardCol>

  <CardCol size={2}>
    <CardRow isTitle={true}>
      Nome da Campanha
    </CardRow>

    <CardRow>Foo Campaign</CardRow>
  </CardCol>

  <CardCol size={2}>
    <CardRow isTitle={true}>
      Other Block
    </CardRow>

    <CardRow>Other value to this block</CardRow>
  </CardCol>

  <CardCol center={true}>
    <a href=""><i className="material-icons"></i></a>
  </CardCol>
</Card>

Card List - Example

<CardList>
  <Card>...</Card>
  <Card>...</Card>
  <Card>...</Card>
  <Card>...</Card>
  <Card>...</Card>
</CardList>

Card

Attribute	Type	Default	Description	Required
children	node	null	Card content	Yes

CardCol

Attribute	Type	Default	Description	Required
size	number	auto	Col size using flex	No
center	bool	false	Align col content to the center	No
children	node	null	Content	Yes

CardRow

Attribute	Type	Default	Description	Required
isTitle	bool	false	Add title style to content	No
children	node	null	Content	Yes

CardList

Attribute	Type	Default	Description	Required
children	node	null	List of Card Components	Yes