From 1f2ac3cc44af3e70e93c09c22a60dd68812500d1 Mon Sep 17 00:00:00 2001 From: Brandy Carney Date: Mon, 8 Jan 2018 11:49:08 -0500 Subject: [PATCH] docs(thumbnail): update thumbnail documentation --- packages/core/src/components/thumbnail/readme.md | 15 +++++++++++++++ 1 file changed, 15 insertions(+) diff --git a/packages/core/src/components/thumbnail/readme.md b/packages/core/src/components/thumbnail/readme.md index 0780e2873c..e808cc84fb 100644 --- a/packages/core/src/components/thumbnail/readme.md +++ b/packages/core/src/components/thumbnail/readme.md @@ -1,6 +1,21 @@ # 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. + +```html + + + + + + + + + Item Thumbnail + +```