A small preview of an image.
The placeholder icon will display until thumbnail image loads, or if a thumbnail image is not provided.
The placeholder serves two purposes:
- To display while a thumbnail image is loading, improving the experience of those with slower connections
- To display when a thumbnail image is not provided
The second case may occur in a group of components, like Cards or MenuItems, when some items have a thumbnail image but some do not. In this case, the placeholder icon helps maintain a consistent layout for all items. See the MenuItem demo for an example.
Custom placeholder icon
To customize the placeholder icon, use the
|Thumbnail placeholder icon.|