usage
- Use verified UJ content
- Reuse semantic tokens
- Keep business logic in the owning application
Forms
Input
Collect a short text value within a labelled field.
Production component
Live preview
This example is rendered from the same package consumed by UJ applications.
Enter a short governed value.
RequiredContract
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
Collect a short text value within a labelled field.
responsive
- 320px
- 768px
- 1440px
- 200% text resize
accessibility
- Native semantics first
- WCAG 2.2 AA
- Keyboard and touch operation
- No colour-only meaning