Case View

The Case View component acts as a full-page layout that consists of several regions. It’s recommended to use alongside the App Shell component and its caseTypes property. Each region is meant to correlate with other Cosmos Work components, including Summary Panel, Case Lifecycle, Tasks, Case Preview, and List Utility.

The Case View component is broken into three distinct columns:

  1. The leftmost column features the Summary Panel, which details any top level details related to the case being viewed.
  2. The rightmost column consists of any number of Utility components that are ideal for displaying lists of data for interaction. This column may collapse on smaller screens or by toggling the expand collapse button.
  3. The center column features the optional Case Lifecycle and Tasks regions as well as the tabContent that is controlled by the Summary Panel.

This demo features the entirety of the Case View component. For more details on the individual components that build the Case View, refer to their respective documentation.