Show pending component (loading spinner) alongside main component

[BrendanC23]

Is there a straightforward way to show both a pending component and a regular component, or alternatively to determine whether a navigation is pending within a component? I want to show a loading spinner on top of a page, not in place of the page. Is there a way to do this with pendingComponent? Alternatively, is there an isLoading value that can be used within the component?

Here's a StackBlitz example.

1. Type "a" into the input and click the button. The page loads immediately and no spinner is shown.
2. Type "abc" into the input. There is a delay, the pending component spinner is shown, and then the page loads.

I want to show the spinner but also continue to show the main component.

---

My actual use-case here is to display an empty form on the initial page load and then load the form data if the user clicks the button. I want to show a spinner while the data loads, but continue to show the form as well.