App bundle showcase

This page loads only /v1/css/starthds-core.css, /v1/css/starthds-app.css, /v1/js/starthds-core.js, and /v1/js/starthds-app.js for app/mobile primitives, operations surfaces, sheets, menus, flows, uploads, and bottom tabbar enhancement.

Generic app workspace

App shell

Sidebar plus flexible main content

Use hds-app-shell, hds-app-sidebar, hds-app-main, and hds-app-content for product-neutral application layouts. Product adapters can label areas however they need while keeping core classes generic.

Open items

12 items in the workspace.

Needs review

4 items require attention.

Mobile task flow
Mobile

Safe-area aware content

Mobile page body, sticky action bar, and bottom tabbar use touch-target and safe-area tokens for readable app views.

Search first

Search-first, ask-second flow

Mobile products can place discovery before a deeper request or ask flow while keeping StartHDS classes generic.

Autosaved

Reading width

Reading content can use hds-app-content--reading or the --hds-reading-measure token for comfortable line length.

App bundle interactions and operations

Saved

Flow primitive

Multi-step app task

Saving
  1. Choose
  2. Review
  3. Attach

Choose a path

Trust notice: Generic safe app messaging.
VerifiedStaff3
  1. Review urgent item

    Urgent task cards highlight priority.

    Priority · Due today

  • Unread notificationGeneric unread state.
ItemStatus
Policy cardTrusted
  • Admin list item

    Generic operational record.

  • Moderation item

    Warning-backed review surface.

    Review
2 selected
  • PDFAttachment item2.4 MB · generic metadata
Lightbox media and captions are styling primitives only.