讀取狀態

以基本圖示呈現正在讀取、載入的狀態。
範例
明暗色系
遵循使用者設定
遵循使用者設定
亮色
暗色
縮放
標準
放大
標準
縮小
<div class="ts-loading"></div>
外觀
缺口的

以另一個看起來有缺口的圓圈作為載入圖示。

<div class="ts-loading is-notched"></div>
置中的

讓讀取狀態的圖示置中呈現。

<div class="ts-loading is-centered"></div>
尺寸

更改讀取狀態的大小。

<div class="ts-loading is-small"></div>
<div class="ts-loading"></div>
<div class="ts-loading is-large"></div>
在尋找相似的元件嗎?
由來自 台灣的 Yami Odymel 所設計,當然還有貢獻者們的愛心❤️。原始碼授權方式為 MIT,文件則為 CC 0 公眾領域。還請盡情地使用、分享或一同改進。Tocas UI 是卡莉絲伊繁星的設計語言,而卡莉絲伊繁星屬對空音商事
台灣正體語系協作者:Yami Odymel、coin3x、Sea-n
擁有 Tocas UI 的所屬組織商標