A NSW Government website
NSW Government
Design System
v3.17.4
menu
Open
Menu
search
Show
Search
Search site for:
search
Search
0
results found.
close
Close search
Menu
close
Close Menu
About
keyboard_arrow_right
keyboard_arrow_left
Back
to Main Menu
close
Close Menu
What is Design System
Supporting different roles
Our ecosystem
What's happening
Design
keyboard_arrow_right
keyboard_arrow_left
Back
to Main Menu
close
Close Menu
Getting Started
Figma UI Kit
Extending
Theming
Guides
Develop
keyboard_arrow_right
keyboard_arrow_left
Back
to Main Menu
close
Close Menu
Getting Started
Theming
Core styles
keyboard_arrow_right
keyboard_arrow_left
Back
to Main Menu
close
Close Menu
Logo
🔹
Colour
🔹
Typography
🔹
Iconography
🔹
Pictograms
🔹
Grid
Layout
Section
Graphic elements
🔹
Components
keyboard_arrow_right
keyboard_arrow_left
Back
to Main Menu
close
Close Menu
Accordion
Back to top
Breadcrumbs
Buttons
🔹
Callout
Card carousel
Cards
Close button
Content blocks
Date input
Date picker
Dialog
File upload
Filters
Footer
🔹
Forms
🔹
Global alert
Header
🔹
Hero banner
Hero search
In-page alert
In-page navigation
Link
Link list
List items
Loader
Main navigation
Masthead
🔹
Media
Pagination
Popover
Progress Indicator
Results bar
Select
Side navigation
Status labels
Steps
Tables
Tabs
Tags
Tooltip
Utility list
Utility Classes
keyboard_arrow_right
keyboard_arrow_left
Back
to Main Menu
close
Close Menu
Background
Borders
Box Shadow
Display
Flex
Float
Overflow
Position
Spacing
SVG
Text
Vertical align
Visibility
Z-index
Methods
keyboard_arrow_right
keyboard_arrow_left
Back
to Main Menu
close
Close Menu
Search & Filters
Maps
Data visualisation
You are here
Sponsorship and partnership acknowledgement
Templates
Contribute
keyboard_arrow_right
keyboard_arrow_left
Back
to Main Menu
close
Close Menu
Contribution criteria
Propose a new component
Build a new component
Position
Utilities for controlling how an element is positioned in the DOM.
Copy
content_copy
Copy
content_copy