Images in tables

Brienne Wong
Brienne Wong
  • Updated

You can use images in tables to create flexible layouts in your styleguide. See examples below:

Add an image

1) To add an image, select a table cell and choose the Add image option.

You may also want to hide the table borders.

Settings to add images to tables

Image tiles

Images tiles in tables

Team page or user personas

Thanks to @Michah for the avatars :)

Avatar examples

Changelog or release notes

Changelog and release notes example

Multi-column layouts

Multicolumn layout example

Tips and tricks

Avatars in the table in editor mode

  • Add extra columns and rows to help with resizing and layout
  • Click the cog icon to change the settings for the table

Table settings

  • Toggle off the Display borders option to hide the table borders

Was this article helpful?