Card

Plain <div class="sqd-card"> with header / content / footer slots.

Basic

Project settings

Manage your project configuration.

Content goes here — any HTML you like.

<div class="sqd-card" style="max-width:24rem">
  <div class="sqd-card-header">
    <div class="sqd-card-title">Project settings</div>
    <div class="sqd-card-description">Manage your project configuration.</div>
  </div>
  <div class="sqd-card-content">
    Content goes here — any HTML you like.
  </div>
  <div class="sqd-card-footer">
    <button class="sqd-btn sqd-btn--default sqd-btn--sm">Save</button>
    <button class="sqd-btn sqd-btn--ghost sqd-btn--sm">Cancel</button>
  </div>
</div>