Independent interaction choices
Responsive width and Touch
Touch is an explicit interaction-density choice, not simply a mobile breakpoint. Keyboard access and visible focus remain required in every mode.
Current: Compact
Wrapping behavior
Page header
A deliberately long title and supporting description wrap without clipping or horizontal page overflow.
Command bar
Form stacking
Grid behavior
Item code · Name · Category · Status · Quantity · Updated · Command
Interaction contract
- Touch increases minimum targets and applies
e-bigger. - Compact and Comfortable remove
e-bigger. - Focus remains visible and no command is hover-only.
- Reduced-motion preferences suppress decorative animation.