Skip to main content
Version: Current

Web Components - Card

The card component is a visual container without semantics, which takes children. Cards are snapshots of content that are typically used in a group to present collections of related information.

Setup​

import { provideDesignSystem, alphaCard } from '@genesislcap/alpha-design-system';

provideDesignSystem().register(alphaCard());

Usage​

Live Editor
<alpha-card>
  <h3>Card title</h3>
  <p>
    At purus lectus quis habitant commodo, cras. Aliquam malesuada velit a tortor. Felis orci tellus netus risus et
    ultricies augue aliquet.
  </p>
  <alpha-button>Learn more</alpha-button>
</alpha-card>
Result
Loading...