A NSW Government website
Design System v3.18.3

Results bar

Results bar indicate the number of results in a list and allow a user to sort by their preferred option.

Figma

Usage

Use results bar to indicate the number of results in a list and allow a user to sort by their preferred option.

Results counter

Update the count each time a search or filter criteria is changed.

Sorting

Allow users to sort the content by the factors that are most important to them. Results should be sorted by the option relevant to the content. Ie. Global search should be sorted by relevance to the searched term or phrase. Where as a News listing would be sorted by date order.

No results

If no results are returned, clearly communicate there are no matching results and allow the user to continue their journey by providing tips to improve or widen their results.

Some ways to do this are by:

  • suggest alternative keyword if current keyword is not found or a spelling mistake is detected (if possible)
  • tips to improve or widen the results
  • contact information or other ways to navigate the site

Accessibility

All components are responsive and designed to comply with WCAG 2.2 AA accessibility standards. Full compliance depends on using and configuring the components correctly.

Showing results 1 - 10 of 5917 results