Live demo — this example is server-driven; run the showcase locally for the interactive version.

Catalog tile

← Components

Browsable tile in a catalog grid. Icon, title, vendor, description, optional badges; a featured modifier highlights the most prominent entry.

Examples

Basic featured tile

Tile grid for a catalog. Each tile has icon + title + vendor + description; the featured modifier highlights one, with an icon badge.

A footer row pins short status text to the tile bottom; descriptions clamp to one line when a footer is present.

With href the whole tile renders as an anchor instead of a button.

With multiple icon badges

The badge container stacks several icon badges on the right of the header.

With text badge

Badges can be plain text instead of icon glyphs.

With children instead of description

Arbitrary body content replaces the description and is exempt from its line clamp.