CardActions

Container for the card buttons. If there is one direct child, it will always be on the end of the inline axis. If there is two direct children, they will be placed on opposite sides of the inline axis.

Figma component (opens in new tab)Storybook documentation (opens in new tab)

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>