Loading
You can create a loading by specifying the uc-loading
class.
To activate the loading icon, please grant the _is-active
class.
1. Spinner
You can display the loading spinner by specifying the _spinner
class.
<!-- white color -->
<div class="uc-loading _spinner _is-active">
<i class="uc-loading-icon"></i>
</div>
<!-- dark color -->
<div class="uc-loading _spinner _dark _is-active">
<i class="uc-loading-icon"></i>
</div>
2. Bar
You can display the loading bar by specifying the _bar
class.
<!-- white color -->
<div class="uc-loading _bar _is-active">
<i class="uc-loading-icon"></i>
</div>
<!-- dark color -->
<div class="uc-loading _bar _dark _is-active">
<i class="uc-loading-icon"></i>
</div>