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

Domain summaries

FAQ disclosure

Present a verified question and answer.

stable@uj/design/patternsVersion 1.16.1Package 1.16.1

Production component

Live preview

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

How does this work?

A concise answer from the authoritative source.

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

Present a verified question and answer.

responsive

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

accessibility

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