Tile
Tile
Default tile
<Tile>Default tile</Tile>
Clickable tile
<ClickableTilehref="#">Clickable Tile</ClickableTile>
Radio tile
<TileGroupdefaultSelected="default-selected"legend="Radio Tile Group"name="tile-group"><RadioTileid="tile-1"name="tiles"tabIndex={0}value="standard">Radio Tile</RadioTile><RadioTileid="tile-2"name="tiles"tabIndex={0}value="default-selected">Radio Tile</RadioTile><RadioTileid="tile-3"name="tiles"tabIndex={0}value="selected">Radio Tile</RadioTile></TileGroup>
Multiselect tile
<divaria-label="selectable tiles"role="group"><SelectableTileid="tile-1"name="tiles"tabIndex={0}title="title"value="value">Multi-select Tile</SelectableTile><SelectableTileid="tile-2"name="tiles"tabIndex={0}title="title"value="value">Multi-select Tile</SelectableTile><SelectableTileid="tile-3"name="tiles"tabIndex={0}title="title"value="value">Multi-select Tile</SelectableTile></div>
Expandable tile
<ExpandableTiletabIndex={0}tileCollapsedIconText="Interact to Expand tile"tileExpandedIconText="Interact to Collapse tile"tileMaxHeight={0}tilePadding={0}><TileAboveTheFoldContent><div style={{ height: '64px'}}>Above the fold content here</div></TileAboveTheFoldContent><TileBelowTheFoldContent><div style={{ height: '64px'}}>Below the fold content here</div></TileBelowTheFoldContent></ExpandableTile>