Cards

Table of Contents

• A card with the image at the top
• A Card with the image positioned left
• A Card with the image positioned right

Cards are used to display previews of content in a consistent way. Each card can have props for title, teaser text, image, and a link.

• card-title - The title of the card
• card-link - The link for the card
• image-position - The position of the image (top, left, right)
• image-src - The source of the image
• image-alt - The alt text for the image
• heading-level - The heading level for the title (1, 2, 3, 4, 5, 6). This is optional, if left out, it default to h2