Layout
Card actions
Contains the card title. You can add an optional label or subtitle. The font sizes are automatically set. You can change them using the theme customisation.
Elements
The component is always a child of the card component. It is composed of tow elements:
card__actionsthe wrapper- its
buttonchildren
- its
The position of the buttons is automatically set:
- If one child, it will be on the right.
- If two children, they will be placed on both side of the card.
<div class="card">
<div class="card__actions">
<div class="buttons">
<button type="button" class="button button--grey">Back</button>
<button type="button" class="button button--error">Cancel</button>
</div>
<button type="button" class="button">Save</button>
</div>
</div>Properties
Add classes to the wrapper class to change the style of the component.
Direction
Change the direction of the component.
class="card__actions card__actions--portrait"
class="card__actions"
Default