Thumbnail

Inspect

A small square picture with things laid over it. Thumbnail is the clipped box; ThumbnailImage the picture (render={<Image />} for an Image), ThumbnailBadge a tiny label in the bottom-start corner, ThumbnailAction a control in the top-end corner. ThumbnailGroup tiles ThumbnailGroupItem children: one fills the box, more become a 2x2 grid with a "+N" cell.

Examples

With badge

Inspect

Badge + action

Inspect

ThumbnailGroup

Inspect