ローディング
uc-loading
クラスを指定することで、読み込み中アイコンを作成することができます。
読み込み中のアイコンを有効にするには _is-active
クラスを付与させる必要があります。
1. スピナー
_spinner
クラスを指定することで、ローディングスピナーを作成することができます。
<!-- 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
クラスを指定することで、ローディングバーを作成することができます。
<!-- 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>