Card

A container for related content, with a title and optional description.

When to use it

Group related content on a page. Do not nest cards; separate groups inside a card with spacing, Separator, or Item rows.

Title, action, content, and footer

Spring recital

Saturday, April 18 · Northside hall

24 performers

Programs are due two weeks before the performance. Families receive the running order once every teacher has confirmed.

Usage

Use the Code tab to copy a complete example. MSM pages import shared components from @msm/ui; changes to those components appear here and in the application.

View registry item