diff --git a/src/pages/components/tile/images/tile-usage-25.png b/src/pages/components/tile/images/tile-usage-25.png index 1177518b959..bd0eb273280 100644 Binary files a/src/pages/components/tile/images/tile-usage-25.png and b/src/pages/components/tile/images/tile-usage-25.png differ diff --git a/src/pages/components/tile/usage.mdx b/src/pages/components/tile/usage.mdx index 994fbeda8d0..19f16012ac2 100755 --- a/src/pages/components/tile/usage.mdx +++ b/src/pages/components/tile/usage.mdx @@ -316,8 +316,7 @@ a [checkbox](/components/checkbox/usage). ### Expandable Expandable tiles are helpful for hiding and showing large amounts of content to -a user. -When expanded, tiles push content down the page. They allow the user to +a user. When expanded, tiles push content down the page. They allow the user to specifically focus on featured content while having access to the rest of the information. Expandable tiles can contain internal CTAs (like links to docs) if they are given their own click targets and the click target is reduced to only @@ -390,7 +389,7 @@ and move the icon button (action) to the right corner. ![Do not right align an icon, link, or text when it is by itself.](images/tile-usage-9.png) - + @@ -452,10 +451,11 @@ There are three basic layouts for tiles: **standard**, **vertical masonry**, and **horizontal masonry**. The standard layout will be the most commonly used version. -- Displaying high-level information and metrics on dashboards. -- A vertical masonry grid can vary in height, but is consistent in width. -- A horizontal masonry grid can vary in width. Rows of tiles may vary in height, - but the tiles within a row should be consistent in height. +- Standard layout tiles are the same in height and width as the rest of them in + the group. +- A vertical masonry layout can vary in height, but is consistent in width. +- A horizontal masonry layout can vary in width. Rows of tiles may vary in + height, but the tiles within a row should be consistent in height.