Examples of all components

  • Page

    Accordion

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

    Card

    Cards are used to group and display content in a way that is easily readable.
  • 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

    Datatable

    DataTables is a jQuery plugin that instantly enhances HTML tables with search, sorting, and pagination.
  • Page

    Decision Flow

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

    Embedded Block

    The Embedded Block component can display any custom block.
  • Page

    Embedded Custom Block

    The Embedded Custom Block component can display any custom block.
  • Page

    Embedded Webform

    The Embedded Webform component can display any webform.
  • Page

    Gallery

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

    GeoChart

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

    iFrame

    The iFrame component allows content to be embedded from a URL into a frame. This is helpful for pulling in visualisations from other systems.
  • Page

    Item list

    The 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

    Media list

    A Media List allows you to display links to Media on the site in a flexible way with a variety of View Modes and Layouts.
  • 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

    Personified content

    Powered by client-side browser tracking, this component adjusts pages, promotions, and tasks in real-time. It operates entirely without collecting personal data, meaning you can easily meet government privacy obligations while providing a smarter, personalised user journey right out of the box.
  • Page

    Sequence

    Guides users through a multi-step process as a series of linked pages, shown as vertical or horizontal steps.
  • Page

    Slider

    Use a Slider to seamlessly click through interactive previews.
  • Page

    Snippet

    Embed a JavaScript code snippet. This functionality is only available to trusted users.
  • Page

    Social share icons

    Social share icons can be provided in different styles.
  • Page

    Stats

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

    Tabs

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

    Timeline

    Content displayed in a vertical or horizontal timeline grouped by date.