Review and action

A side-by-side layout for workers to review case details while taking an action, commonly used in case management and approval workflows.

When to use

Use this pattern when:

  • Workers need to review information while making decisions
  • Processing applications, requests, or case files
  • The decision requires context from existing case data
  • Actions like approve, deny, or escalate are needed

Considerations

  • Place read-only review information on the left
  • Place action form controls on the right
  • Use containers to group related information
  • Provide clear labels for all case details
  • Include reason fields when denying requests
  • Consider responsive behavior for smaller screens
View old example docs