Skip to Main Content

Pelican Design System icon Pelican Design System Data Tile

Data Tile

Data Tiles group related information about a category.

On this page:

Best Practices

  • Data Tiles extend Cards behavior and styles.
  • Data Tiles simply display a label and related data corresponding to that label.
  • They are useful in clearly displaying lots of text into easy-to-scan holders.
  • They will be grey when inside a Content Container.
  • They will be white when not inside a Content Container.

Usage

See the Pen Content Container by LA Gov Design Team (@lagovdesignteam) on CodePen.

Page top