The visit · §5.14

Request tile

Structured requests to the care team, with sent, seen and done tracking.

Network
Theme
Contrast
Language
Motion
Text size

Code

<RequestTileGrid>{tiles.map((tile) => <RequestTile key={tile.key} lang={lang} onPress={…} state={…} t={t} tile={tile} timezone={tz} />)}</RequestTileGrid>

Accessibility

  • Tiles are buttons with visible labels; 96 px minimum.
  • The urgent confirmation is the only assertive live region in the product.
  • Offline, tiles are disabled and say why; nothing is queued.

Usage

Do

  • "I feel worse" is first and full width, and always shows the in-person instruction.
  • Press a tile to walk its states.

Don't

  • Never a confirmation step before "I feel worse" sends.
  • Never queue a request while offline.

Platforms

Web
apps/web/components/edflow/request-tile.tsx
iOS
SwiftUI LazyVGrid of buttons
Android
Compose LazyVerticalGrid of Cards