Examples of Layout Components

Compared to Interaction Components, there are a lot of Layout Components.

Most of our sites are layout.

To simplify this, here is a very small list of typical Layout Components.

  1. Card
  2. Table
  3. Hero
  4. List
  5. Menu
  6. Tooltip
  7. Sidebar
  8. Modal
  9. Header
  10. Carousel
  11. And much, much more.

Remember that some of these can also have types.

You can have large, medium or small cards. You can have multiple menus.

Layout Components are tagged to locate where an interactions are happening,

Creating your Layout Components once and reusing them on many pages is at the heart of Component Analytics.

– Samy

Component Analytics daily

Every weekday, I publish about Component Analytics and analytics collection strategies.