# Summary card

Summary card: a free component, built on your design tokens, to use to define a term or sum up one policy, plan or document in a few lines. One term, plan or policy explained: what kind of thing it is, a short summary, up to four key points and other names it goes by.

Prompt: Add the OpenDesigner component summary-card to this project: https://opendesigner.dev/library/summary-card.html. Keep its markup and states; map its --ds-* variables to my tokens.

States: with key points, without key points, with other names, narrow on a phone.

Accessibility: An article with one heading; the key points are a list, and the check marks are hidden from screen readers.

File: https://opendesigner.dev/library/summary-card.html

Catalog entry (parts, data limits, states, tokens): https://opendesigner.dev/library/summary-card.json

Download: `curl -fsSLo summary-card.html https://opendesigner.dev/library/summary-card.html`