The visit · §5.15

Task card

"Things you can do": one clear instruction and its action.

Kind
Glow
Theme
Contrast
Language
Motion
Text size

Code

<TaskCard glow lang={lang} onDone={markDone} t={t} task={task} />

Accessibility

  • The card is a section with a heading.
  • The action button names the outcome ("I've handed my sample to my nurse").

Usage

Do

  • Carry the glow only when the timeline's current step does not.

Don't

  • A restriction never comes from a CT-with-contrast order (SR-06).

Platforms

Web
apps/web/components/edflow/task-card.tsx
iOS
SwiftUI card on a solid surface
Android
Compose OutlinedCard