New colors
Updated color system with new tokens.Migration notes
Forma 36

Table

StorybookGithub
stable

Use tables to present large amounts of data, and data which has multiple properties attached to it.

Table of contents

How to use Table

  • Make sure Tables span the full width of the container they're in
  • Make sure a table has a header describing the content of its respective columns
  • Ordered columns by relevance from left to right. Images, if present, have a higher priority, and should be placed in the first column. Checkboxes naturally have the highest priority.

Code examples

NameEmailOrganization roleLast activity
Claus Mitchellclaus.mitchell@contentful.comCEOAugust 29, 2018
Johannes Ramosjohannes.ramos@contentful.comCTOJuly 27, 2019
Alex Kalinoskialex.kalinoski@contentful.comCDOJune 13, 2019

Content recommendations

  • Keep headers short
  • Headers should be informative and descriptive
  • Content in the table should be concise and scannable