Skip to main content

Card

Display
View Docs

Container for grouped content with header, body, and footer

containercontentbox

Demo

Basic Card

A simple card with header and content

Card content goes here. You can put any content inside a card.

Featured Card

Highlighted with primary border

Use the featured variant to highlight important content.

Interactive Card

Hover to see the effect

Interactive cards have hover effects for clickable items.

Image Area

Card with Media

Cards can include images or other media

Usage

import { Card } from '@classic-homes/theme-svelte';

Related Components