The screenshots in this section highlight the various points at which the components have now been integrated with Lightning Experience. These components are still available to the Race Overview standalone app we started this chapter with. Through additional metadata configurations, they now support more advanced container features.

This screenshot shows the Race Results and Race Standing components on the home page, with the Race Calendar component accessible via the utility bar. The race results are updated as the user selects races from the Race Calendar:

This screenshot shows the Race Setup component appearing as a result of the user clicking the Add Drivers action on the race record page. Lightning component actions are configured under Actions from the Race object definition page under Setup:

This final screenshot shows the Race Results component again, but this time on the race record page. Lightning App Builder was used to add a new tab, Results, and the Race Results component was dragged and dropped on it. This illustrates that components can support multiple locations within Lightning Experience:

The preceding screenshot shows how the existing Lightning record page has been extended with a new Results tab and how, on that tab, a custom Lightning component showing the race results can be added. In the next section, we will see how components can be used on new pages and tabs.