Card Actions

Action Icon Details
Collapse Collapse card content using collapse action.
Refresh Content Refresh your card content using refresh action.
Remove Card Remove card from page using remove card action

Collapsible

You can create a collapsible content by by adding [data-action="collapse"] and wrapping it up with .heading-elements in .card-header

Click onto see card collapse in action

Refresh Content

To create a card with refresh action use [data-action="reload"] inside of .heading-element

Click onicon to see refresh card content in action.

Remove Card

You can create a closeable card by using [data-action="close"] inside .heading-element

Click onicon to see closeable card in action.