Skip to content

Components

There are several components available to build engaging and visually appealing pages. Each component is a self-contained block of content — text, photos, an accordion, a table, and so on — that you add to a page’s Content area.

Highlight

A side card with brief, attention-grabbing info.

Text

Rich text with optional photos and action buttons.

Accordions

Collapsible content items to save space.

Photos

One or more images, as a carousel or collage.

Documents

A list of downloadable files.

Links

A list of internal or external links.

Contact Details

Email, phone, and social links.

Opening Hours

Weekly opening hours with time slots.

Children

Child items of the current page, from the menu hierarchy.

Location

An address with an embedded map.

Table

A table of data, typed or imported from CSV.

Timeline

A series of dated stages.

Stepped Process

Numbered steps in a process.

Alert

An inline alert or notification banner.

Embed

Embedded third-party content (YouTube, Maps, etc).

Featured Content

Highlight a single content item on a landing page.

Related Content

A grid or carousel of related content cards.

Special Content

A pre-built special content block.

Views

A dynamic list of content pulled from the site.

Reusable Text

A reusable text snippet managed in one place.

Most components have an Intro tab to display a title and text before the component itself.

Title of the section (typically H2 or H3).

A short paragraph of text displayed above the component.

Some components have additional options in the Appearance tab. These are only visible to Admin users.

Background colour of the full-width strip that contains the component.

Background colour of the boxed area that contains the component.

Background colour of the dynamic content items (e.g. cards or list items).

See Colours & Backgrounds for the full colour palette.

A background or side image for the section.

Hide (unpublish) an individual component without deleting it. This is useful when you want to keep the component in the system but not display it on the page.