Components / Catalog Card
Catalog Card
A MediaCard specialization for picker grids: a square thumbnail with a title and optional description in the footer. Used where the user chooses an item, like product catalogs.
import { CatalogCard } from '@layers/ui/catalog-card'Rendered stock
House rules
- Provide fallbackIcon (a Lucide icon) for items with no thumbnail; never leave the square empty on purpose.
- The title doubles as the accessible label when onClick makes the card interactive.
- The grid cell owns the card width; the media region is always square.