Layout builder component blocks

Component blocks with pre-configured styles.

Direct children as cards

This guide to the Direct children as cards component explains how it is a useful function for managing content as card content automatically updates as child pages are updated. 

Animated statistics block – large and small

The statistics block allows for up to 3 animated statistics to be displayed in a section.

Content statistics pictogram block

The statistics pictogram block allows for 1 statistic value to be displayed with an animated pictogram.

Side navigation

The side nav is a menu component that is added to the right side of a web page to help users navigate a section of related pages. It is also known as the sidebar or section nav.

Parallax variations

The parallax option helps give movement to a page and provides highlight to key text or calls to action.

Ring statistics block

The ring block displays a single statistic as a % in the centre of an animated ring. 

Flourish data visualisations

Flourish is an online data visualisation platform that allows users to create visualisations such as charts and graphs. The Drupal CMS supports Flourish visualisations to be uploaded to the media library so the charts and graphs can be added to pages. 

Case study finder

Use this component to create a listing of case studies with the ability to search and filter through them.

Grant finder

The Grant finder displays a listing of all the grants your agency or fund have available. Customers can quickly see an overview of the key information about each grant and if applications are open.

News search and filter

A guide to creating the News search and filter component on nsw.gov.au. Use this component to display news listing pages that allow customers to search and filter articles.

Resource search and filter

Use the Resource search and filter to easily display all of your resources and documents. Results will show in a listing with the ability to search and filter them.

Webforms

Webforms can be used to capture and collate information digitally. They can provide a better user experience and be more accessible than a PDF form. Webforms can include checkboxes, radio buttons and text fields as well as confirmation that the form has been sent and received.

See and interact with the Webforms component block demo on this page.

Advanced table – search and filter

This page demonstrates the display of the Advanced Table with content variation component. 

Statistics – on standard page

Highlight key statistical information on standard pages with branded highlights and pictograms in the Statistics component.

See and interact with the Statistic component block demo on this page.

Single notice

Learn how to create a notice and then apply it to multiple pages by adding the Single notice component to your web pages. 

Tables Application Block

The tables application block displays data from a dataset in a table format on the landing page template.

Event finder

The Event finder component lists upcoming events. Customers can browse, search or filter events through the event finder. 

 

See and interact with the Event finder component block demo on this page.

 

Task List Builder

The Task List Builder allows content authors to create structured checklists that end users can modify and print as PDFs. 

DCS Live updates listing block

The Live updates listing block provides customers with a familiar way to access the most up-to-date or key information about an emergency or event.

See and interact with the DCS Live updates block demo on this page.

Top of page