Queensland Health Nurse/Midwife Educator site

This is a prototype for a small group of testers. Enter the password you were given.

Prototype for testing. Content is sample only and not approved.
About this prototype
www.qld.gov.au
Queensland Health Nurse/Midwife Educator site

Choose your Hospital and Health Service (HHS) to see your local teams, contacts and requirements. Statewide content stays the same.

Component library

Rendered from @qld-gov-au/qgds-bootstrap5 templates using each component's reference data. Usage rules: docs/design-system/components.md.

accordion

<Qgds name="accordion" data={…} />

default

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce dictum efficitur egestas.

Aenean sed pretium mauris. Quisque euismod in nisl et consequat.

backToTop

<Qgds name="backToTop" data={…} />

default

Back to top

banner

<Qgds name="banner" data={…} />

default

blockquote

<Qgds name="blockquote" data={…} />

default

The goal of the Web is to serve humanity. We build it now so that those who come to it later will be able to create things we cannot ourselves imagine.
Sir Tim Berners-Lee

breadcrumbs

<Qgds name="breadcrumbs" data={…} />

default

defaultLong

expanderSample

forGov

button

<Qgds name="button" data={…} />

default

Call to action Loading

callout

<Qgds name="callout" data={…} />

default

This is a callout title

This is a callout description

noTitle

This is a callout description

callToAction

<Qgds name="callToAction" data={…} />

default

View all

card

<Qgds name="card" data={…} />

noAction

Card title

Card body text

singleAction

Card title

Card body text

multiAction

Card title

Card body text lorem ipsum dolor sit amet.

contentFooter

<Qgds name="contentFooter" data={…} />

default

Last updated:
31 January 1900
Back to top

contentWrapper

<Qgds name="contentWrapper" data={…} />

default

this is my title

Wrapped content

correctincorrect

<Qgds name="correctincorrect" data={…} />

default

dateinput

<Qgds name="dateinput" data={…} />

default

(dd/mm/yyyy)
Success message
Error message

details

<Qgds name="details" data={…} />

default

Summary

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce dictum efficitur egestas. Aenean sed pretium mauris.

<Qgds name="directionLinks" data={…} />

default

Up

globalAlert

<Qgds name="globalAlert" data={…} />

critical

Severe weather: Cyclone XYZ is expected to impact the coast area. Prepare your home and businesses or check for available support.
Read more

warning

Service Delay: Various services are experiencing delays due to the weather event.
Learn more

info

Caretaker period: The Queensland Government is in a caretaker period until after the state election. Minimal updates will be made to this site until after the election results are declared.
Learn more

multiple

Severe weather: Cyclone XYZ is expected to impact the coast area. Prepare your home and businesses or check for available support.
Learn more
Severe weather: Cyclone XYZ is expected to impact the coast area. Prepare your home and businesses or check for available support.
Learn more
Service Delay: Various services are experiencing delays due to the weather event.
Read more
Service Delay: Various services are experiencing delays due to the weather event.
Read more
Caretaker period: The Queensland Government is in a caretaker period until after the state election. Minimal updates will be made to this site until after the election results are declared.
Learn more
Caretaker period: The Queensland Government is in a caretaker period until after the state election. Minimal updates will be made to this site until after the election results are declared.
Learn more

image

<Qgds name="image" data={…} />

default

Two healthcare workers sitting on a park bench reviewing information on a tablet device
Queensland Health staff using mobile technology to improve patient care and access medical records in the field Photo by Queensland Government

inpageAlert

<Qgds name="inpageAlert" data={…} />

default

inpagenav

<Qgds name="inpagenav" data={…} />

default

<Qgds name="link" data={…} />

default

Document title (PDF 2.5 MB)

linkGroup

linkColumns

<Qgds name="linkColumns" data={…} />

default

<Qgds name="logo" data={…} />

default

Queensland Government

modal

<Qgds name="modal" data={…} />

default

You can also open a model with a standard link.

pagination

<Qgds name="pagination" data={…} />

default

promotionalPanel

<Qgds name="promotionalPanel" data={…} />

default

I am a promotional image

Title goes here and has a maximum of 65 character limit

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed tortor, leo vulputate ut odio mattis.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed tortor, leo vulputate ut odio mattis. Vel suspendisse mi quisque consequat aliquet egestas.
Label
Primary Secondary

quickexit

<Qgds name="quickexit" data={…} />

default

Select 'Close this site' or press 'ESC' on your keyboard to go to google.com.au.

View more tips to browse safely online.

searchInput

<Qgds name="searchInput" data={…} />

default

Popular
Collection

select

<Qgds name="select" data={…} />

default

Hint
Success message
Error message

sidenav

<Qgds name="sidenav" data={…} />

default

spinner

<Qgds name="spinner" data={…} />

default

table

<Qgds name="table" data={…} />

default

Table caption 2021 - 2024
Header Header Header
Cell Cell Cell
Cell Cell Cell
Cell Cell Cell
Cell Cell Cell
Cell Cell Cell
Cell Cell Cell
Footer Footer Footer

tabs

<Qgds name="tabs" data={…} />

default

Heading (H2)

Lorem ipsum dolor sit amet consectetur. Viverra eu pulvinar a eu mauris ac at ultricies est. Tincidunt ultrices commodo vestibulum non netus. Mauris maecenas lacus hendrerit urna ultricies auctor. Sed tristique nascetur sapien condimentum adipiscing augue quisque eu. Facilisi ligula quam faucibus feugiat. Sapien at at eget malesuada senectus donec pellentesque pellentesque odio.

Section Heading (H2)

Lorem ipsum dolor sit amet consectetur. Viverra eu pulvinar a eu mauris ac at ultricies est. Tincidunt ultrices commodo vestibulum non netus. Mauris maecenas lacus hendrerit urna ultricies auctor. Sed tristique nascetur sapien condimentum adipiscing augue quisque eu. Facilisi ligula quam faucibus feugiat. Sapien at at eget malesuada senectus donec pellentesque pellentesque odio.

Call to action

Section Heading Item 2

Lorem ipsum dolor sit amet consectetur. Viverra eu pulvinar a eu mauris ac at ultricies est. Tincidunt ultrices commodo vestibulum non netus. Mauris maecenas lacus hendrerit urna ultricies auctor. Sed tristique nascetur sapien condimentum adipiscing augue quisque eu. Facilisi ligula quam faucibus feugiat. Sapien at at eget malesuada senectus donec pellentesque pellentesque odio.

Section Heading Item 3

Lorem ipsum dolor sit amet consectetur. Viverra eu pulvinar a eu mauris ac at ultricies est. Tincidunt ultrices commodo vestibulum non netus. Mauris maecenas lacus hendrerit urna ultricies auctor. Sed tristique nascetur sapien condimentum adipiscing augue quisque eu. Facilisi ligula quam faucibus feugiat. Sapien at at eget malesuada senectus donec pellentesque pellentesque odio.

Section Heading Item 4

Lorem ipsum dolor sit amet consectetur. Viverra eu pulvinar a eu mauris ac at ultricies est. Tincidunt ultrices commodo vestibulum non netus. Mauris maecenas lacus hendrerit urna ultricies auctor. Sed tristique nascetur sapien condimentum adipiscing augue quisque eu. Facilisi ligula quam faucibus feugiat. Sapien at at eget malesuada senectus donec pellentesque pellentesque odio.

Section Heading Item 5

Lorem ipsum dolor sit amet consectetur. Viverra eu pulvinar a eu mauris ac at ultricies est. Tincidunt ultrices commodo vestibulum non netus. Mauris maecenas lacus hendrerit urna ultricies auctor. Sed tristique nascetur sapien condimentum adipiscing augue quisque eu. Facilisi ligula quam faucibus feugiat. Sapien at at eget malesuada senectus donec pellentesque pellentesque odio.

Section Heading Item 6

Lorem ipsum dolor sit amet consectetur. Viverra eu pulvinar a eu mauris ac at ultricies est. Tincidunt ultrices commodo vestibulum non netus. Mauris maecenas lacus hendrerit urna ultricies auctor. Sed tristique nascetur sapien condimentum adipiscing augue quisque eu. Facilisi ligula quam faucibus feugiat. Sapien at at eget malesuada senectus donec pellentesque pellentesque odio.

tag

<Qgds name="tag" data={…} />

default

  • Tag text
  • Tag text
  • Tag text
  • Tag text

large

  • Tag text
  • Tag text
  • Tag text

action

dark

  • Tag text
  • Tag text
  • Tag text

info

  • Tag text
  • Tag text
  • Tag text

filter

  • Policies and procedures
  • Publications

status

  • Neutral
  • Success
  • Warning
  • Error
  • Information

textarea

<Qgds name="textarea" data={…} />

default

Hint
Success message
Error message

textbox

<Qgds name="textbox" data={…} />

default

Hint
Success message
Error message

typography

<Qgds name="typography" data={…} />

default

video

<Qgds name="video" data={…} />

youtube

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Maecenas porttitor congue massa.
Watch
3:12

vimeo

Vimeo video embed

Fusce posuere, magna sed pulvinar ultricies, purus lectus malesuada libero, sit amet commodo magna eros quis urna. Nunc viverra imperdiet enim.

Watch
5:00

custom

Custom video embed

Fusce posuere, magna sed pulvinar ultricies, purus lectus malesuada libero, sit amet commodo magna eros quis urna. Nunc viverra imperdiet enim.

Watch
3:17
Back to top