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 a onShowMore 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 onShowMore callback handles the expansion of the list by modifying how many items are rendered.