Media Card

Card with an image/media area on top and content below. Badge overlay, lazy loading, optional title link, action slot.

primitive media-card

Usage

primitive.MediaCard(primitive.MediaCardProps{
    ImageSrc:    "/static/hero.jpg",
    AspectRatio: "16/9",
    Badge:       "New",
    BadgeTone:   token.ToneAccent,
    Title:       "Article title",
    Description: "Short description…",
    Lazy:        true,
},
    primitive.Button(primitive.ButtonProps{Variant: token.Outline, Size: token.SizeSM}, g.Text("Read more")),
)