Files
2018-10-01 13:56:32 -05:00
..
2018-10-01 13:56:32 -05:00
2018-06-18 12:45:15 -04:00

ion-thumbnail

Thumbnails are square components that usually wrap an image or icon. They can be used to make it easier to display a group of larger images or provide a preview of the full-size image.

Thumbnails can be used by themselves or inside of any element. If placed inside of an ion-item, the thumbnail will resize to fit the parent component. To position a thumbnail on the left or right side of an item, set the slot to start or end, respectively.

CSS Custom Properties

Name Description
--border-radius Border radius of the thumbnail
--size Size of the thumbnail

Built with StencilJS