Spinner

8 dots in a ring with a bright one running round. It's a line of text tall and takes the text colour.

Loading your finds

Markup

<span class="ob-spinner" role="status" aria-label="Loading">
  <i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i>
</span>

It's all CSS, so there's nothing to start or stop. Remove it when the thing has loaded.

@import "obvious/css/components/spinner.css";

Set any of these on the component, or an ancestor, to change it.