Skip to main content
Corporate IdentityUniversity of Johannesburg
Settings
Appearance
Design
Menu

Feedback

Unavailable state

Explain a temporary service failure and provide a recovery path.

stable@uj/design/componentsVersion 1.16.1Package 1.16.1

Production component

Live preview

This example is rendered from the same package consumed by UJ applications.

Service unavailable

This service is temporarily unavailable

Please try again shortly.

Contract

Usage and quality requirements

The contract keeps purpose, states and ownership visible before a component is reused.

usage

  • Use verified UJ content
  • Reuse semantic tokens
  • Keep business logic in the owning application

states

  • default
  • focus-visible
  • disabled or unavailable where applicable
  • long content
  • narrow viewport
  • dark theme

purpose

Explain a temporary service failure and provide a recovery path.

responsive

  • 320px
  • 768px
  • 1440px
  • 200% text resize

accessibility

  • Native semantics first
  • WCAG 2.2 AA
  • Keyboard and touch operation
  • No colour-only meaning