Developer mode
Opens components on the React tab by default.
Your bookmarks

PictureCard

Also known as ImageCard, TripCard

Displays a card with a picture and space for information and actions.

People are more likely to want to travel if theyโ€™re visually engaged with potential destinations. Get their attention with an interesting picture with just enough information to be useful without overwhelming the visual.

Picture cards offer the engagement of pictures as well as additional details and actions that can appear on hover.

Component status

Figma
Designing
Web (React)
Released
iOS (Swift)
n/a
Android (Kotlin)
n/a
Sketch
Released

Component Structure

Image: visually supports the message; label: optionally categorizes the card; title: optionally indicates the main focus of the card; subtitle: optionally displays additional context for the title; actions: visible on hover and optionally include actions related to the PictureCard; children: optionally includes further information and works best with static elements.