Containers (List Groups)
Containers solve the problem of section-level organisation and hierarchy. While individual cards group related content at the item level, a container establishes a higher-level boundary that tells users “these things belong together.” This improves page structure, readability, and orientation, especially on complex pages with multiple content groups.
Use a Container when you need to present collections of items—such as cards, lists, or media—arranged in layouts like grids, lists, or carousels. Containers are ideal for sections like feature groups, content feeds, dashboards, or curated sets. They should not be used for single items; their value comes from framing and organising multiple related elements under a shared context.
A Container groups a collection of individual items into a single contained section.
This component helps you organise similar groups of information together into a single theme. You can attach and image and control how the child items are laid out either such as a grid or a slider.
Weights and Colour Scheme
Containers have the same look and feel as Cards used with varying weights to highlight it's importance in the flow of information. Higher weighted items give more importance compared to the rest of the content on the page.
By default all Containers will have a no weight.
heading
subheading
summary
content
Layouts
test card
Naked container with solid cards
subheading;
summary;
content;
heading;moderate; the quick brown fox jumps over the lazy dog; the quick brown fox jumps over the lazy dog
subheading;
summary;
content;the quick brown fox jumps over the lazy dog;the quick brown fox jumps over the lazy dog;the quick brown fox jumps over the lazy dog;the quick brown fox jumps over the lazy dog;the quick brown fox jumps over the lazy dog;the quick brown fox jumps over the lazy dog;the quick brown fox jumps over the lazy dog;the quick brown fox jumps over the lazy dog;the quick brown fox jumps over the lazy dog;the quick brown fox jumps over the lazy dog;
heading;Container with Accordion
summary;Container with Accordion
content;Container with Accordion
Sample Contentgroup
Subheading
The quick brown fox jumps over the lazy dog
Non reprehenderit commodo minim ipsum culpa consequat tempor nisi. Excepteur minim sunt adipisicing irure est deserunt incididunt ex qui deserunt deserunt irure sit laborum sint. Adipisicing mollit deserunt qui consectetur officia aliquip deserunt. Laboris do enim nostrud mollit. Tempor velit proident incididunt Lorem proident laboris veniam.
The ELS provides guidance, specifically for Open Space (including Environment Reserves). The DSS for each theme includes:
- introduction of categories
- guidelines – to be applied in planning, design and management
- category standards – detailed description and standards/requirements for each category.
The DSS may also include:
- land suitability – land requirement criteria and constraints
- category directions – specific planning directions
- summary of the DSS (Coastal, Open Space and Social Infrastructure) – a quick reference to provision rates and standards
- embellishments (environment reserves and open space) – tables providing standard embellishments applicable to these categories which help inform acceptable activities/infrastructure needs.
This component is currently in development