Accordion
Accordions turn sections of content into a scannable list, allowing the audience to view only the content they need and ignore what they don’t.
See and interact with the Accordion component block demo on this page.
Text – WYSIWYG editor
A WYSIWYG (What You See Is What You Get) editor allows CMS editors to create and edit content in a visual way. The content appears in the WYSIWYG as it will appear on the published page.
Buttons
A button should only be used when you want the audience to take action, for example, 'Apply now' or 'Register'.
See and interact with the Buttons component block demo on this page.
Automated events
Use the Automated events component to visually showcase upcoming events on landing pages. Automated events will showcase events with their titles, images and dates in a scrolling carousel.
App list
The app list can be used on both landing and standard pages and should be used to display apps that relate to the page content. The audience have the option to go the app stores to download the app.
See and interact with the App list component block demo on this page.
Headings
Headings are essential to good page structure and help the audience scan the content to find what they need.
See and interact with headings on this page.
Automated grants
Use this component to showcase on landing pages the grants that are open for applications. Automated grants will display grants with their name, summary and close dates in a scrolling carousel.
Automated latest news
Have a stylised listing of the latest news content auto-populate when you use the Automated latest news component. Use the component to promote one story with an image and summary, list others and link to an all news stories page.
Automated publications
Create a stylised listing of the latest resource publications that auto-populates on landing pages with the Automated publications component. Use the component to promote a publication with an image and summary, list others and link to more publications.
Links
Use the Links component to show a group of links in an organised, stylised way that makes it easier for use to scan. The links may go to other internal pages, external websites or to media files.
See and interact with the Links component block demo on this page.
Blockquote
Add the Blockquote component to highlight a quote, alongside the name and image of the person being quoted. The Blockquote is a visual element to draw attention to key information.
See and interact with the Blockquote component block demo on this page.
Cards
Cards give a brief summary of content and display information in an organised way, making it easier for the audience to find information.
See and interact with the Cards component block demo on this page.
Content block
Content blocks are used to display groups of related content and/or links. This block includes 3 variants – Icon blocks, Image blocks and Text blocks.
Floating Button banner
The Floating button banner displays to ensure the button is always visible as the audience scroll down the page.
Callouts
A callout is a short piece of information that draws attention to important content.
See and interact with the Callout component block demo on this page.
Hero banner
The Hero banner is used to introduce a page by creating a focal point for the page title and summary.
Contact information
The contact information block provides a simple, consistent, reusable format for including contact details like phone, email, address or social media links, for NSW Government departments, agencies or services.
See and interact with the Contact information component block demo on this page.
Custom block on standard page
Custom blocks allow editors to add more specialised or advanced functions to a standard page. Some examples include direct children as cards and dialog pop-up boxes.
See and interact with the Custom block component demo on this page
Feature
A feature block is a visually distinct area that highlights a specific piece of content or call to action for the audience. The latest news variant is designed to highlight media releases relevant to the content of the page.
See and interact with the Feature component block demo on this page.
In-page notice
In-page notices are used to contextually inform users of important information on a content page.
See and interact with the In-page notice component block demo on this page.
Profiles
Profiles can depict a group of people with images and bios. Profiles can be helpful for displaying groups of people such as boards, committees, ministers, or senior executives.
See and interact with the Profiles component block demo on this page.
Sequences
A sequence can be used for short blocks of content that need to be viewed in a linear or sequential order.
See and interact with the Sequences component block demo on this page.
Content expander
The Content expander is designed to save space by hiding content and takes up less visual prominence than an accordion.
See and interact with the Content expander component block demo on this page.
Subscriptions
The subscriptions block provides a simple, consistent format for including an external link to mail list forms, for example Mailchimp, where the audience can subscribe to newsletters or updates.
See and interact with the Subscriptions component block demo on this page.
Sub-navigation links variant
The sub-navigation links list can only be used on landing pages in an edge-to-edge section.
Tabs
Tabs make it easy for the audience to move between related content sections and displays the content at the same level of hierarchy.
See and interact with the Tabs component block demo on this page.
Gallery
The gallery component block is used to create an interactive visual story telling element to a page. Images are stacked in a 3 column grid and when the image is clicked it displays in a light box with further description.
See and interact with the Gallery component block demo on this page.
Tables
Tables are used for displaying data in a structured, grid-like format. They are particularly useful for presenting complex information, such as numerical data, comparisons or schedules in a way that is easy to read and understand.
Key dates
Use this component to feature important dates. The key dates component creates a visual focus for events and other instances.
Media download
The media download component can be used to feature downloadable PDFs or image files.