Tiles

Tiles

A tile is a grouping of related information associated with a record.

Base

Preview

No content has been added for this component.

No content has been added for this component.

About Tiles

Tiles are setup to be displayed with or without an image/icon. The default pattern for tiles has an image/icon, a detail body which contains a list of information and action overflow menu dropdown. The detail body list, by default, comes as a name/value pairing but can be swapped out with a string of text or an inline horizontal list.

Tiles can have different groupings of information based on its context. Pay close attention to the markup, as each tile layout is constructed differently.


Overview of CSS Classes

Selector.slds-tile
Summary

Initializes tile

Restrictarticle
VariantTrue
Selector.slds-card__tile
Summary

Use class if card consumes any form of a tile

Restrict.slds-tile
Selector.slds-tile__detail
Summary
Restrict.slds-tile div
Selector.slds-tile__meta
Summary
Restrict.slds-tile div