Empty State

An Empty State is used when no data is available for display.

What the component handles

  • The Pictogram in the Empty State component, serves purely a decorative role, and therefore is skipped by screen readers.

What you need to provide

  • Always include the Title text to accompany the Pictogram in order to make the component useful and accessible.
  • When including actions in the Empty State ensure the correct focus order is maintained