Skip to content

Commit

Permalink
doc-tile-update (#2580)
Browse files Browse the repository at this point in the history
  • Loading branch information
thyhmdo authored Oct 21, 2021
1 parent 46f5c43 commit 6e8a4ee
Show file tree
Hide file tree
Showing 2 changed files with 7 additions and 7 deletions.
Binary file modified src/pages/components/tile/images/tile-usage-25.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
14 changes: 7 additions & 7 deletions src/pages/components/tile/usage.mdx
Original file line number Diff line number Diff line change
Expand Up @@ -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
Expand Down Expand Up @@ -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)

</DoDont>
</DoDont>
</DoDontRow>

<DoDontRow>
Expand Down Expand Up @@ -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.

<Row>
<Column colLg={4}>
Expand Down

1 comment on commit 6e8a4ee

@vercel
Copy link

@vercel vercel bot commented on 6e8a4ee Oct 21, 2021

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Please sign in to comment.