|A Case ID to display in the heading.|
|A text region for the title of the CaseView.|
|If true, the Case Preview will be visible.|
|A region to display any summary information about the CaseView.|
|An object handling the rendering and functionality of the Tabs in CaseSummary.|
|Any actions that will be used for various actions on the CaseView.|
|A region above the center column to display banners.|
|A set of props including an href that will be forwarded to the case heading and caseId.|
|A boolean that toggles the collapsible feature of the case summary.|
|Collapses the utilities by default on load|
|Indicator for a desktop size.|
|The fixed width string is needed for the expandable and collapsible header.|
|Indicates if the current user is following the case. This should be updated based on onFollowedChange.|
|Forces rendering in the mobile layout, regardless of screen size.|
|Ref for the header element inside the Case Summary|
|An icon to serve as a visual for the CaseView.|
|Indicator for the current size of the users screen.|
|Callback fired after Case Preview closes.|
|Callback fired after Case Preview opens.|
|A callback that will return the animation state of the case summary.|
|Callback fired before Case Preview closes.|
|Callback fired before Case Preview opens.|
|A callback for when the edit button is clicked|
|Called when user chooses to follow or unfollow the case. Use this to update followed.|
|Callback fired when a click action occurs outside of the Case Preview.|
|A set of Link props representing the case parents, rendered as Breadcrumbs.|
|A region to the right reserved for persistent utilities.|
|Reference to the wrapping element.|
|A region to hold a Stages component.|
|A region within the center column that is controlled by tabs in CaseSummary.|
|A region to hold a Tasks component.|
|A region that is used to hold Utility components for example SummaryList.|
|The utilities summary array will be used to render the minimized the utilities card.|
For more information on how to use the features and props for this component, check out the developer documentation.
To learn more about configuration, visit Pega Community.
The CasePreview is simply a mobile rendering of the CaseView component, and thus takes all of the same props. For more information on the props that CasePreview accepts, check out the CaseView documentation.
The CasePreview component must include the open prop which controls if the Drawer is visible or not. There are additional functions detailed in the props table below that allow you to handle events before and after the Drawer opens and closes.
The following demo is from the CaseView component. Try hovering over the previewable link in the summary region to trigger the CasePreview component.