Components

Components are reusable widgets which allow editors to build flexible pages which contain a variety of rich content and functionality. Convivial ships with a standard set of components which have been designed to suit may of the common requirements of Government sites.

Last updated

Examples of all components

Page

Accordion

Expandable and contractible content which is shown/hidden by clicking a title.
Page

Animation

The Animation component animates individual images based on scroll position.
Page

Charts

For displaying numerical data. Colours and axis labels can be customised as needed.
Page

Content component

Content is simply a section of HTML content editable by a WYSIWYG editor.
Page

Content tabs

Content Tabs display content in an accessible manner with a tabbed interface.
Page

Decision Flow

Use Decision Flow to guide users through complex decision processes.
Page

Embedded Block

Embedded Block component can display any custom block.
Page

Fast Facts

Displays animated statistics counters to users, conveying essential information quickly and clearly.
Page

Gallery

Displays a series of images which opens up into a lightbox of videos and images that can be browsed.
Page

GeoChart

Displays values for geographic regions such as countries on a geochart.
Page

Item list

Item List paragraph displays a list of items with many display options. Item Lists also have custom images and support for icons, making them more flexible than Node Lists.
Page

Lightbox

Displays a single image which opens up into a lightbox when clicked.
Page

Map

The Map component overlays geographical data on a map. It allows multiple data sources to be rendered from GeoJSON data as text or from a URL.
Page

Node list

A Node List allows you to display links to Nodes on the site in a flexible way with a variety of View Modes and Layouts.
Page

Snippet

Component for embedding a Javascript or iFrame snippet.
Page

Timeline

Display cards in a vertical timeline grouped by date.