Card header

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 multiple elements:

  • card__header the wrapper
    • card__label
    • card__title
    • card__subtitle
<div class="card">
<div class="card__header">
  <p class="card__label">Card label</p>
  <p class="card__title">Card title</p>
  <p class="card__subtitle">Card subtitle</p>
</div>

</div>

Card label

Card title

Card subtitle

Properties

Add classes to the wrapper class to change the style of the component.