Card Headers and Footers

Cards can be customized similarly to how you would fill a normal screen. For example, a card can easily have Headers and Footers placed inside of them. Add the item-divider classname above or below the content within the card element.

<divclass="card"><divclass="item item-divider">
    I'm a Header in a Card!
  </div><divclass="item item-text-wrap">
    This is a basic Card with some text.
  </div><divclass="item item-divider">
    I'm a Footer in a Card!
  </div></div>