Skip to main content
Browse Documentation

Components overview

Created by Contensis product team, last modified by r.saunders on 24 Aug 2021

A component is a group of fields that defines a reusable content structure, they are created using the component builder.

Unlike an entry a component does not hold content, but is stored in the entry where the component is used.

A component can be used in multiple content types. For example you may have an address component that is used in a Person content type to specify their home address, whilst the same address component could be used in a Venue content type to record the location of an event venue.

  • Address line one
  • Address line two
  • Town / City
  • County
  • Postcode

Other examples could include components like opening times, open graph metadata, accordions, hero banners and calls to action.

Think of components as a set of pre-defined fields that help keep the structure consistent across multiple content types.

Nesting components

Components can be modular. Made up of multiple components to create a more complex component.

Take a common hero component for example, its usually made up of a title, description an image and a button.

  • Title
  • Description
  • Image
  • Button
    • Label
    • Style
    • URL

But when we look at a button its made up of its own fields. The label that should be displayed on the button, the style of the button to match the design system (Solid, Outline, Link) and a destination URL when the button is pressed.

This is an opportunity to use nested components, creating a button component that can be placed inside the hero component.

Hero

  • Title
  • Description
  • Image
  • Nested component: Button

Button

  • Label
  • Style
  • URL

 

Necessary Cookies
These cookies are necessary for this website to function correctly. They are set when you perform certain actions on the site, such as creating an account, logging in, changing your privacy preferences or submitting a form. You can block these cookies in your browser, but this will stop parts of the site from working properly.
Functional Cookies
These cookies allow the website to provide extra functionality and more personalised experiences. They may be set by us or by third party providers whose services we have added to our pages. If you choose not to allow these cookies, these services may not work correctly.
Analytical Cookies
These cookies record anonymous data on how visitors use our website to help us monitor how well our website works. This data includes how many people have looked at specific pages, how long visitors stay on the site, and what devices they use. We use this data to identify changes that we could make to improve your experience and make our website more efficient.
Marketing Cookies
We set some cookies so you are shown more relevant marketing content. These include cookies from third-party advertising networks to show you different adverts on their services if you have previously visited our site. If you choose not to allow these cookies, you may experience less relevant advertising on other sites.