Card Actions

  1. Home
  2. Components
  3. Card Actions
ChatEmailCalendar

Card Actions

ActionIconDetails
CollapseCollapse card content using collapse action.
Expand CardMaximize your card using expand action
Refresh ContentRefresh your card content using refresh action.
Remove CardRemove 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-elementsin .card-header

Click on to see card collapse in action

Refresh Content

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

Click on icon to see refresh card content in action.

Remove Card

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

Click on icon to see closeable card in action.

Expand Card

Use [data-action="expand"]insdie of .heading-elementsto maximize your card.

Click on icon to see close card in action.