CardActions

Container for the card buttons. If there is one direct child, it will always be on the right side of the card. If there is two direct children, they will be placed on the left and right side.

Figma componentStorybook documentation

React

<CardActions>{/* insert content */}</CardActions>

CSS

<div class="card_actions"><!-- insert content --></button>

Props

Direction

React

<CardActions direction="portrait">{/* insert content */}</CardActions>
<CardActions>{/* insert content */}</CardActions>

CSS

<div class="card_actions card_actions-portrait"><!-- insert content --></div>
<div class="card_actions"><!-- insert content --></div>