Loader

<div class="container">
  <ef-loader></ef-loader>
</div>

.container {
  height: 100px;
}

ef-loader is an animated graphical component used to show that an app is performing an action in the background, such as downloading content.

Basic usage

Add ef-loader into your document, and the animation will begin. When the loader is no longer needed, hide it with display: none.

If the loader is only used once, it can be also be removed from the DOM

<div class="item">
  <ef-loader></ef-loader>
</div>

.item {
  position: relative;
  height: 50px;
}

<ef-loader></ef-loader>