Link copied!

Spinner Examples

This component of the Design System is deprecated, which means it'll be replaced or removed soon. Until that, the Design System team will support existing implementations, but please avoid implementing this component in new projects.
<e-spinner></e-spinner>
<e-spinner data-size="small"></e-spinner>
<e-spinner data-size="medium"></e-spinner>
<e-spinner data-size="large"></e-spinner>
<e-icon icon="pencil" type="table"></e-icon>
<e-spinner data-size="table"></e-spinner>
<e-icon icon="trash-o" type="table"></e-icon>
<e-spinner data-text="Loading..."></e-spinner>
<div style="position: relative; height: 300px;">
  <e-spinner data-fullscreen="true"></e-spinner>
</div>
<div style="position: relative; height: 300px;">
  <e-spinner data-fullscreen="true" data-text="Loading..."></e-spinner>
</div>