import { Canvas, Markdown, Meta, Primary } from "@storybook/blocks"; import * as CardStories from "./Card.stories.tsx"; import README from "../../../../packages/css/src/components/card/README.md?raw";
{README}
A card can display a tagline above the title, a short term like a category or type of information.
Wrap the tagline and the title in a Card.HeadingGroup.
This ensures screen readers first read the title and then the tagline.
A card often displays the image of the detail page. Use Aspect Ratio for the correct aspect ratio.