title: Implementing a spinner on selection
body: <p>I have a component that shows some text based on data retrieved from an API</p>
  <pre><code>public SomePanel( String id, IModel&lt;Person&gt; personModel)
  {
    tallLabel = new Label( &quot;height&quot;, new LoadableDetachableModel() {
      pubic String getObject() {
        Person person = personModel.getObject();
        boolean isTall = apiCallToCheckIfTall( person );
    
        return isTall ? &quot;Tall&quot; : &quot;Short&quot;;
      }
    });
  
    add(tallLabel);
  }
  </code></pre>
  <p>I have a spinner overlay component (separate markup &amp; class, e.g. <code>SpinnerPanel</code>) that is supposed to show while the api is retrieving the data and disappear when complete. How would I implement this?</p>
  <p>I've looked into <code>IAjaxIndicatorAware</code> but I'm not sure this is the right approach as it's supposed to refer to something in the markup for <code>SomePanel</code>. Additionally, if this is the correct approach, how would I link the state of the api call to the state of the spinner?</p>
  <p>Could someone point me in the right direction. Thanks!</p>