The Tasks component is a list of rendered Summary Items that includes a header complete with a visual element, title, and an optional count. Within the Case View component, Tasks are used to display action items for the current case.
The Tasks component can take any number of objects that are used to compose the Summary Items. If the count provided is more than 3, a Show more button will render at the bottom of the list. By providing an onExpandToggle callback function, you can control the behavior of the list.
In this example, the items that are rendered in the list is limited to 3 and the onExpandToggle callback handles the expansion and collapse of the list by modifying how many items are rendered.