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

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!

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

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.