Tile
UITile
![](https://assets-global.website-files.com/5cf94933bf4ff12103d58c2a/5d091d4b4c8075c6fc10982b_image_preview-61.png)
Styles
Using this Component
Tiles are used as a visually prominent alternative to displaying text links.
Background
Tiles may display a custom background image. This image should be representative of the page the tile references. If no custom background image is specified, a platform-specific placeholder should take its place.
Compatibility
Tiles may be displayed within a UICarousel to form a paginated list of tiles.
Alternatives
When visual prominence is not required, use simple texts link or a UICollection to display references.
Structure
Behavior
![](https://assets-global.website-files.com/5cf94933bf4ff12103d58c2a/5d9e3974e7f084533f3a80cf_Tile%20-%202%402x.png)
Tiles are links. They display their interactivity with distinct hover and pressed states.
Clickable Area
The entirety of a tile is a clickable link that navigates to the page it represents.
Playground Coming Soon!
![](https://assets-global.website-files.com/5cf94933bf4ff12103d58c2a/5d091d4b4c8075c6fc10982b_image_preview-61.png)
Styles
Using this Component
Tiles are used as a visually prominent alternative to displaying text links.
Background
Tiles may display a custom background image. This image should be representative of the page the tile references. If no custom background image is specified, a platform-specific placeholder should take its place.
Compatibility
Tiles may be displayed within a UICarousel to form a paginated list of tiles.
Alternatives
When visual prominence is not required, use simple texts link or a UICollection to display references.
Structure
Behavior
![](https://assets-global.website-files.com/5cf94933bf4ff12103d58c2a/5d9e3974e7f084533f3a80cf_Tile%20-%202%402x.png)
Tiles are links. They display their interactivity with distinct hover and pressed states.
Clickable Area
The entirety of a tile is a clickable link that navigates to the page it represents.