Install via NPM
npm install @bolt/components-card-replacement
Description
Cards are shadowed containers that group together relevant and actionable information.
Looking for docs on the old (deprecated) Card component? Please refer to the Bolt docs for the v2.13.2 release or older..
NOTE: in the code, the new Card component is temporarily named "Card Replacement" on the v2.x version of the Bolt Design System to avoid any potential collisions with the old Card component it fully replaces. "Card" is still the canonical component name being used in Bolt v3.x and later!
Best Practices
- Placement should be in a manner where it is easily scannable
- The headline should call out what the benefit is of clicking through
- Avoid cluttering a card-replacement with too many calls to action
- If the headline can work as link affordance without a button, don't have a button
- If the headline does not clearly invoke action, use a CTA at the bottom of the card-replacement to entice the user