SGDS Thumbnail Card Component Skill

<sgds-thumbnail-card> is a card variant with a small thumbnail image (typically 64×64 px) rather than a full-width photo. Use it for compact list-like layouts, search results, or items where a logo or icon-sized image accompanies the content.

Prerequisites

See sgds-components-setup for installation and framework integration (React 19+ vs React ≤18, Vue, Angular).

No CSS styling modifications — custom properties and CSS parts are not exposed on this component.

Quick Decision Guide

Which card type?

• Small logo/thumbnail beside content → <sgds-thumbnail-card> (this component)
• Full-width photograph → <sgds-image-card>
• Large icon leads the card → <sgds-icon-card>
• General content card → <sgds-card>