usage
- Use verified UJ content
- Reuse semantic tokens
- Keep business logic in the owning application
Administration
Administration shell
Provide a consistent protected workspace layout.
Production component
Live preview
This example is rendered from the same package consumed by UJ applications.
Administration shell
The full shell combines protected navigation, a page header, working content and responsive behaviour.
Contract
Usage and quality requirements
The contract keeps purpose, states and ownership visible before a component is reused.
states
- default
- focus-visible
- disabled or unavailable where applicable
- long content
- narrow viewport
- dark theme
purpose
Provide a consistent protected workspace layout.
responsive
- 320px
- 768px
- 1440px
- 200% text resize
accessibility
- Native semantics first
- WCAG 2.2 AA
- Keyboard and touch operation
- No colour-only meaning