Topbars

Common Components

Topbar / Brand link

Topbar / Link

Topbar / Dropdown

Topbar / Dropdown link

Topbar / Notification dropdown

Topbar / Notification item

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

15 Aug 2024

Topbar / Profile dropdown

Topbar / Search

Topbar / Search - Mobile

Item can be seen by clicking the Search Button on tablet or smaller

Topbar / Search button

Item can be seen in tablet or smaller

Topbar [Level 3]

A Level 3 Sidebar or Topbar should be used on it's own.

Topbar [Level 2]

A Level 2 Topbar should be paired with a Level 1 Sidebar

Topbar [Level 1-1]

A Level 1 Topbar should be paired with a Level 2 Sidebar

Topbar [Level 1-2]

A Level 1 Topbar should be paired with a Level 2 Sidebar