Tile

v 1.2

Overview

A Tile is an object that represents a group of content. Use Tile when multiple instances (more than 3) of similar types of content need to be displayed in a summarized list for efficient assessment and prioritization. Content may include items such as text, data, or a set of input controls.
Tile is arranged in a master detail pattern, and includes simple identification such as short labels and/or icons, navigation between instances, and status indication.

Sub-title


Anatomy

Properties and Interaction

Visual Style

States


Digital Accessibility

KeyFunction
1TABMoves Focus to next interactive element in the tab order
2SHIFT+TABMoves Focus to previous interactive element in the tab order
3ENTER / RETURN / SPACEBARMakes a selection; Submits a value


References

View code on Storybook