Interactions example
This mixed showcase intentionally loads core + app + knowledge assets for sheets, menus, flows, uploads, command/search, tabs, and selectable controls.
Interactions and forms
Progressive disclosure, sheets, menus, flows, uploads, and save status.
StartHDS provides generic presentation and small browser enhancements only. Host applications own data, persistence, search results, file handling, and product state.
Actions
Bottom sheet
Sheets use focus return, Escape/backdrop close, and scroll lock without assuming product state.
Native disclosure summary
Native details/summary works without JavaScript and synchronizes ARIA state when enhanced.
Button-controlled disclosure remains generic and data-model free.
Flow primitive
Multi-step form flow
- Choose
- Configure
- Confirm
Choose an option
Configure details
SavedErrorRecoveredConfirm upload area
- example-document.txt
Upload error text placeholder.
Tab panels synchronize ARIA state and hidden attributes.
Keyboard arrow navigation works without app state assumptions.