Grid

Grid

Purpose

Guidelines

Is this the right control

Behavior

On mouse over the item “go darker” to emphasis the overlay buttons

Overlay buttons

Overlay buttons only appear on mouse over. Overlay buttons should only used for actions for this specific item, never for global actions regarding other items in the grid

Appearance

  • All items must have the same size
  • All rows, except the last one, have the same number of items
  • Overlay buttons are placed at the bottom right corner
  • Grid has a PaperWhite background on desktop, an no background on mobile