skip to content

Party

Use the Party component for summarizing key information about a party manifestos.

The Party component is a special kind of card. For all other card use cases, see the generic Card.

Light theme

Party Manifesto

Candidate X is the Party candidate. Find out more about their policies in the Party manifesto.

emblem

Dark theme

Invoke the dark theme on any component by applying class="ds-dark" to a container element.

Party Manifesto

Candidate X is the Party candidate. Find out more about their policies in the Party manifesto.

emblem 
Here’s a demo:

<div class="ds-scope">
  <section class="ds-party">
    <div class="ds-party-body ds-stack-smaller">
      <h2 class="ds-party-name ds-h3">
        Party Manifesto 
      </h2>
      <p>
        Candidate X is the Party candidate. Find out more about their policies in the Party manifesto.
      <p>
      <ul>
        <li>
          <a href="https://democracyclub.org.uk/"> 
            Party manifesto website 
          </a>
        </li>
      </ul>
    </div>
    <div class="ds-party-image">
      <img src="https://DemocracyClub.github.io/design-system/images/logo_icon.png" alt="emblem">
    </div>
  </section>
</div>