A NSW Government website

NSW Government buy NSW
User links

Simple Procurement - template with common components

Template with new header & footer, mega-menu, as well as demos of the most common components with DDS 3.0 styling.

Common components

The following demos include buttons, icons, form elements, form messages, accordion, accordion with links, side navigation, side nav with 4 levels, cards, cards with stats, content blocks, pagination, progress indicator, callout, link list, text list, tags (pills), modal (dialog), table, global alert and notification.

Buttons

<button> tag

button-style links (<a> tag)

dark light outline danger red outline

disabled buttons

default min-width vs no min-width

thin buttons

link-style button (button.link)

chevron_left back to component menu

Icons

Material icons which replace text such as 'search', 'close' and 'arrow_forward':

standalone (large by default)

search close cancel check check_circle check_circle_outline add add_circle save reply reply_all task_alt add_task share ios_share swap_vert arrow_right_alt arrow_back_ios arrow_forward_ios

menu reorder list account_circle home settings apps login logout favorite star check_box_outline_blank check_box radio_button_unchecked radio_button_checked toggle_off toggle_on radio upload download facebook filter_list sort refresh autorenew sync restart_alt open_in_new delete delete_forever campaign person account_circle question_mark help error warning

more_horiz more_vert block add_box zoom_in info help help_outline visibility visibility_off verified lock lock_open edit priority_high notifications notifications_active notifications_off mail drafts event calendar_month highlight_off print remove bolt image filter_alt publish unpublished published_with_changes thumb_up join_inner copy_all content_copy folder_copy bed door_sliding

arrow

chevron_left chevron_right expand_less expand_more arrow_back arrow_forward arrow_upward arrow_downward west east north south arrow_left arrow_right arrow_drop_up arrow_drop_down

file

note description article text_snippet edit_document picture_as_pdf upload_file file_open file_copy task

drag

drag_indicator drag_handle swap_vert

very small

search close cancel check

small

search close cancel check

medium

search close cancel check

extra large

search close cancel check

extra large 2x

search close cancel check

animation

chevron_left back to component menu

Icons in buttons

Upload file Edit Apply m

icon-only buttons with hover effect

icon-only buttons with solid backgrounds (and subtle hover effect)

dropdown from button

Switch company profile expand_more

chevron_left back to component menu

Form elements

Hidden search input field

Custom select (details & summary)

Datalist

This helps buyers find relevant suppliers.

File upload

File upload with description

Upload drivers license Formats accepted: JPG, PNG or PDF
File size must not exceed 350MB

chevron_left back to component menu

Accordion

simple accordion

Iséliȝe, sah ic Dubrovnik ær þat Daenerys Targaryen and hire drake hit fordiden. Ic sah þe sweȝ-pleȝe "Hær" ȝestren-éfne. Þe wíf behinden mé sang þurhút and lúde. "Gód Lafdiȝ, ic beséce þé - linn þín sáng. Ic ne ȝald ehtetiȝ dollars þé tó héren." Mín áne réw - þat ic þise wordes eft þohte, in þe train.

Þe NBN-man cumeþ, and brekeþ úre gas-pípe. Is hit wird þat þe lateste niht þá maȝ ic mín iscot-writ online asenden, is ék Alre Halgen Éfen?

Hér in Néwe Súþ-Wales, nú forbernþ þe súþerne særime, fram Nowra tó þe marce of Victoria, firlen twá hundred and twentiȝ míles. Mín wíf and ic curen snoterlíce úre háliȝdaȝ-stede at Tuncurry on þe norþerne særime.

Þohhweþre, drifen úre fréndes Raȝnald and Meregrot súþward tó Mallacoota, on þe æsterne særime of Victoria. Hí curen unsnoterlíce. Án micel wáld-fír snáþ alle waȝn-weȝes tó þe lítele túne.

On þe folgende daȝe, nælæcte þe fír and flugen þe cesterwares tó þe strande. Maniȝe húses wæren fordón. After tweȝen daȝes, cóm án here-scip, þat folk tó aredden.

Úre fréndes Raȝnald and Meregrot athwurfen isúnde fram þe wáld-fír at Mallacoota. Wé métten hem at Gringos - án lítel Mexikisc rerd-hús néh here háme.

Hí tálden ús þat þe síþ bí here-scipe fram Mallacoota tó Westerne Hafen néh Melburn, lastede þritiȝ stúndes.

accordion with link in heading (.ext-link)

chevron_left back to component menu

Form helpers

Password is useful. Password is too short. Password is strong. Password is not strong enough.

chevron_left back to component menu

Pagination

chevron_left back to component menu

Progress indicator

Step 3 of 5

chevron_left back to component menu

Callout

The Digital Driver's License trial

Once we launch statewide, the Digital Drivers License will become legal for use across NSW

chevron_left back to component menu

Details list

requires a definition list ('dl') with class details

Final cost
$1,500.00
Effective date
23/11/2024
End date
23/11/2024

Longer definition term (.dt-200):

Final cost
$1,500.00
Effective date
23/11/2024
Contract end date
23/11/2024

Very long definition term(s) (.col-0)

ACN
083022057
ABN
2342-384223
Is it an Aboriginal or Torres Strait Islander owned business
No
Street Address
Shop 5, 177 Kelly Street
Town/Suburb
Scone
State/Territory
NSW
Postcode
2337
Country
AUSTRALIA

Definition description below term (.strong)

Final cost
$1,500.00
Effective date
23/11/2024
Contract end date
23/11/2024

Increased margin above definition term (.dt-mt)

Final cost
$1,500.00
Effective date
23/11/2024
Contract end date
23/11/2024

chevron_left back to component menu

Text list with border separation

This is a Supplier Hub and SimpleQuote component (not DDS 3.0).

It has the same padding and borders as the list above but without linked list items and arrows.

The class nsw-list is inserted in the ul tag itself.

  • First home buyer grant and assistance
  • Buying and selling property
  • Building or renovating a home
  • Aged care housing, home living assistance and retirement villages

Team setup

These list items contain two checkbox-label pairs and a delete button.

alternate mark-up
  • No team member(s) added. Search for team member(s) above.
  • Dan Dalton
  • Clyde McPhatter

Re-order lists

single line of text
  • Egbert
  • Aethelwulf
  • Aethelbald
  • Aethelbert
  • Aethelred
  • Alfred the Great
numbered with more than 3 lines of text
  1. bongo

    buff et multas alteras paraulas hic

    Response type
    Free text
  2. congo

    cuff et multas alteras paraulas hic

    Response type
    Multi select
  3. pongo

    puff et multas alteras paraulas hic

    Response type
    File template and upload

chevron_left back to component menu

Tags

DDS 3.0

  • Construction
  • Educational supplies
  • Disability

Supplier hub variants

.dark - in search results i.a.
  • Construction
  • Educational supplies
  • Disability
.removal - rectangular in "Selected filters"

chevron_left back to component menu

Dialog (modal)

You are about to publish your profile

Congratulations, you have provided all the mandatory information for your profile.

You can now publish your profile on Supplier Hub or you can add optional information to provide buyers with more details about your business.

eTendering Go to dashboard
Launch long .nsw-dialog

Too much information (scrolls)

This yeare foor the king Stephne over sea to Normandy and there was underfangen forthy that hy weenden that he shulde been alswich alse the eam was, and for he hadde yeet his mathme. Ak he todealde it and scatered soothlyche. Michel hadde Henry king gadered gold and silver. And no good ne dide man for his sowele thereof. Tho the king Stephne to Englelande com, tho makede he his gadering at Oxeneford.

And there he nam the bishop Roger of Searebiry and Alexander bishop of Lincol and the Canceler Roger hise neves, and dide alle in quarterne, til hy yeaven up here castles. Tho the swikes underyeaten that he mylde man was and softe and good. And no iustise ne dide. Tho diden hy alle wunder.

Hy hadden him manreaden maked and oathes swooren, ak hy none trewth ne helden. Alle hy weren forsworen and here trewthes forloren. For evrich ryche man his castles makede and ayeanes him helden. And fillden the land ful of castles. Hy swencheden swythe the wrecche men of the land mid castelwerkes tho the castles weren maked tho fillden hy mid develes and ivele men.

Tho nomen hy tho men the hy weenden that any good hadden, bothe be nightes and be dais, carlmen and wimmen.

And diden hem in prisun after gold and silver. And pyneden hem - untellendliche pyning. For ne weren nevere none martirs so pyned alse hy weren. Me hengede up by the feet and hy smokeden hem, mid foul smoke. Me hengede by the thoumbes, other by the head, and hy heengen brinyes on here feet. Me dide knotted strenges abouten here head, and writhen to that it yeede to the harnes. Hy diden hem in quarterne there naddres and snakes and paddes weren inne, and dreapen hem so. Sume hy diden in crucethur - that is in an cheste that was short and narowe and undeep - and dide sharpe stones thereinne.

Choose your favourite animal

chevron_left back to component menu

Tables (with linked rows)

Receipt Date lodged Days since lodged Supplier Submission type Status View details
10039 7-Mar-2023 14 FORTESCUE METALS GROUP LTD New application New
10035 24-Feb-2023 25 New application
In review:
Joan Beal
Business name ABN Membership level Status View details
Benext Pty. Ltd. 6633082834 Base Active
Dande Built 9644082834 Advanced Deactivated
Fortech IT Solutions 8655082834 Advanced Paused
OX Projects Pty. Ltd. 7666082834 Advanced Suspended
Warren Smith & Partners 6677082834 Advanced Suspended
Primavera Enterprises 5688082834 Advanced Suspended
Pru Tregonning-Schlemperer & Associates 4699082834 Advanced Suspended
Compania Incognita 3600082834 Advanced Suspended
Compania Incognita 3600082834 Advanced Suspended
Compania Incognita 3600082834 Advanced Suspended

chevron_left back to component menu

Notifications

Time is

I hope that information was useful. We have a brochure if you need more.

Success

We have lift off. And you're coming with us!

Error

That action was foolish! There will be tears.

Warning

Do it now! Don't procrastinate or you'll be rending your shirt.

Grid (implicit)

Think!

Take a moment. Think it through. Is this really what you want?

Think!

Take a moment. Think it through. Is this really what you want? London to a brick, if you give the matter more than a cursory glance, you'll step back from it.

Think!

Take a moment. Think it through. Is this really what you want? London to a brick, if you give the matter more than a cursory glance, you'll step back from it.

Grid areas

Think!

Take a moment. Think it through. Is this really what you want?

Think!

Take a moment. Think it through. Is this really what you want? London to a brick, if you give the matter more than a cursory glance, you'll step back from it.

Think!

Take a moment. Think it through. Is this really what you want? London to a brick, if you give the matter more than a cursory glance, you'll step back from it.

Think!

Take a moment. Think it through. Is this really what you want? London to a brick, if you give the matter more than a cursory glance, you'll step back from it.

Take a moment. Think it through. Is this really what you want? London to a brick, if you give the matter more than a cursory glance, you'll step back from it.

More guff here.

You have made amendments to this opportunity

Edit = can edit requirements

Review = unable to edit, can only review responses

Review and edit = can review responses and edit requirements

Publish date
01-Apr-2023
Cancel date
13-Jun-2023
Cancellation reason
Not to be awarded
Note
Changes to budget meant we could no longer procure this service

Þá cómen tídinges tó Arþur þe kinge þat sék was Howel his meᵹ þær-fore hé was sáriᵹ in Clud licᵹende & þær hé him belæfde.

Hígendlíce swíþe forþ hé gan líþen þat hé behalfes Baþe bæh tó áne félde þær hé alihte & his cnihtes alle.

This area of your profile is confidential

Documents added to this section are only visible to authenticated government buyers.

chevron_left back to component menu

Tabs

Notifications

Displaying 1-4 of 7 notifications

Planned SimpleQuote outage

It all needs fixing so we're turning it off ipsum dolor sit amet, consectetur Lorem ipsum dolor sit amet, consectetur Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean euismod bibendum laoreet...

Report submitted

94520575 Snake food Subject: 08/09/21 report for supply of brown snake food has been submitted Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean euismod bibendum laoreet...

Opportunities

There are (8) opportunities currently listed that match your goods & services

Audit and Risk Committee Independent Chairs and Members

Community and social services

RFT Type
Scheme Invitation
Agency
NSW Procurement
Closes
28-Feb-2021 12:00pm
Publish date
5-Jul-2016

Customer Service / Subsidence Advisory NSW Independent Assessment Prequalification Scheme - SCM4721

Community and social services

RFT Type
Scheme Invitation
Agency
NSW Procurement
Closes
28-Feb-2021 12:00pm
Publish date
5-Jul-2016
Click a tab above to show the associated content

chevron_left back to component menu

Cards

white (standard) .nsw-cards

card 1

On þis ᵹær wolde þe king Stephne taken Rodbert erl of Glowecestre þe kinges sune Henríes; ak hé ne mihte for hé warþ it war.

card 2

Þærafter in þe lencten þéstrede þe sunne and þe daᵹ abúten nóntíd daᵹes, þá men æten, þat me lihtede candeles tó eten bí

card 3

wæren men swíþe ofwundred. Þærafter forþférde Willelm arcebiscop of Cantwarbiriᵹ

Label and date

.nsw-cards.label.date

Business

card 1

On þis ᵹær wolde þe king Stephne taken Rodbert erl of Glowecestre þe kinges sune Henríes; ak hé ne mihte for hé warþ it war.

Family

card 2

Þærafter in þe lencten þéstrede þe sunne and þe daᵹ abúten nóntíd daᵹes, þá men æten, þat me lihtede candeles tó eten bí

Confectionary

card 3

wæren men swíþe ofwundred. Þærafter forþférde Willelm arcebiscop of Cantwarbiriᵹ

Red border

.nsw-cards.highlight

card 1

On þis ᵹær wolde þe king Stephne taken Rodbert erl of Glowecestre þe kinges sune Henríes; ak hé ne mihte for hé warþ it war.

card 2

Þærafter in þe lencten þéstrede þe sunne and þe daᵹ abúten nóntíd daᵹes, þá men æten, þat me lihtede candeles tó eten bí

card 3

wæren men swíþe ofwundred. Þærafter forþférde Willelm arcebiscop of Cantwarbiriᵹ

Image (news)

.nsw-cards.feature

Extension of whole-of-government construction schemes

Three construction schemes have been extended to December 2025.

New Electric Vehicle Charging Infrastructure Scheme

New whole-of-government scheme is available now.

NSW Procurement and Social Traders are hosting 2 online events on social procurement

NSW Government staff are encouraged to attend 2 online events on social enterprises.

.nsw-cards.highlight.feature

Extension of whole-of-government construction schemes

Three construction schemes have been extended to December 2025.

New Electric Vehicle Charging Infrastructure Scheme

New whole-of-government scheme is available now.

NSW Procurement and Social Traders are hosting 2 online events on social procurement

NSW Government staff are encouraged to attend 2 online events on social enterprises.

Supplier Hub only

.nsw-cards.label - help page variant, with svg at top

Getting started

Find out how the Supplier Hub works and how to get started.

Managing your supplier account

Provide buyers with useful information about your business.

Manage your buyer account

Keep your account and team member details up to date.

DDS 3.0 card variants - not yet used in Supplier hub

.nsw-cards with child cards - section.light & section.dark.

These cards come with either a light blue or dark blue background.

White (standard)

On þis ᵹær wolde þe king Stephne taken Rodbert erl of Glowecestre þe kinges sune Henríes; ak hé ne mihte for hé warþ it war.

Brand Light

Þærafter in þe lencten þéstrede þe sunne and þe daᵹ abúten nóntíd daᵹes, þá men æten, þat me lihtede candeles tó eten bí

Brand Dark

wæren men swíþe ofwundred. Þærafter forþférde Willelm arcebiscop of Cantwarbiriᵹ

Content blocks

Unlike .nsw-cards, these boxes do not feature a large arrow at bottom left. Nor is the entire box hyperlinked to a page or section thereof.

Given that the various box types demonstrated here have little in common, these may be renamed as .apps, .search-results etc.

red border-top (no arrow) .cards

Community and social servies

On þis ᵹær wolde þe king Stephne taken Rodbert erl of Glowecestre þe kinges sune Henríes; ak hé ne mihte for hé warþ it war.

Educational supplies

Þærafter in þe lencten þéstrede þe sunne and þe daᵹ abúten nóntíd daᵹes, þá men æten, þat me lihtede candeles tó eten bí

Engineering, research, technology services

wæren men swíþe ofwundred. Þærafter forþférde Willelm arcebiscop of Cantwarbiriᵹ link here

.cards.icon-btns.cancel.tds-h - red cancel (remove) icon at top right

ICT Scheme Search

140 suppliers

Construction Scheme Search

40 suppliers

Performance & Management Scheme Search

0 suppliers

Professional Services Scheme Search

22 suppliers

blue border-top

.cards.primary

Tender

noht forþí þat hé ne ᵹaf him al þat hé cúþe asken him, alse hé dide alle óþre

Scheme

ak æfre þe máre hé ᵹaf hem, þe werse hí wæren him. Þe erl héld Lincol aᵹænes þe king and benam him al þat hé áhte tó hafen

Expression of interest

þe king makede Þédbáld arcebiscop, þe was abbot in þe Bek. Þærafter wéx swíþe micel werre betwix þe king and Randolf erl of Cestre

.cards.primary.icon-btns.add-circle.tds-h - blue add icon at top right

ICT Scheme Search

140 suppliers

Construction Scheme Search

40 suppliers

Performance & Management Scheme Search

0 suppliers

Professional Services Scheme Search

22 suppliers

no border-top

.cards.borders-0

Tender

noht forþí þat hé ne ᵹaf him al þat hé cúþe asken him, alse hé dide alle óþre

View all

Scheme

ak æfre þe máre hé ᵹaf hem, þe werse hí wæren him. Þe erl héld Lincol aᵹænes þe king and benam him al þat hé áhte tó hafen

View all

Expression of interest

þe king makede Þédbáld arcebiscop, þe was abbot in þe Bek. Þærafter wéx swíþe micel werre betwix þe king and Randolf erl of Cestre

View all

Stats

.cards.stats

1450 Suppliers

view supplier list

9529 Small to medium enterprises

view SMEs

2000 Total opportunities

view open oportunities

$22B Total value of awarded contracts

see who's winning work

blue border-top .cards.stats.primary.paddings-0

1450 Suppliers

view supplier list

9529 Small to medium enterprises

view SMEs

2000 Total opportunities

view open oportunities

$22B Total value of awarded contracts

see who's winning work

chevron_left back to component menu