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

Domain summaries

Programme summary

Summarise a published Programme with decision fields.

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.

Contract

Usage and quality requirements

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

usage

  • Pass published Programme data only
  • Format dates in the owning application
  • Omit missing optional fields
  • Keep fetching, sanitisation, SEO and business rules outside @uj/design

states

  • complete
  • minimal
  • open
  • closed
  • long content
  • narrow viewport
  • dark theme
  • print

purpose

Present the decision-critical fields of a published Programme consistently across UJ public experiences.

responsive

  • 320px single-column facts
  • 768px two-column archive
  • 1440px three-column archive
  • 200% text resize

accessibility

  • Semantic article and definition list
  • Visible keyboard focus
  • Status is expressed in text and not colour alone
  • WCAG 2.2 AA

runtime Boundary

The component performs no fetching and creates no dependency on Corporate Identity at runtime.

source Authority

Programmes CMS on port 3002