HTML-First UI

Card

A component for displaying content in a card layout

example

Card with Link

Card description goes here.

Footer text

Notes

The card component displays content with an optional image and title link.

  • Set title attribute for the card heading
  • Set href attribute to make the title a link
  • Use slot="image" for an optional card image
  • Default slot content appears in the card body