Spinner 加载圈

加载圈（Spinner）用于表示正在进行的操作或内容加载状态，提供清晰的视觉反馈。

基础用法

默认渲染为 spinner-border 旋转边框样式。

vue


<TSpinner/>

通过 type 属性切换为 grow 增长填充样式。

vue


<TSpinner type="border"/>
<TSpinner type="grow"/>

通过 color 属性设置加载圈颜色，支持所有 Tabler 预设色。

vue


<TSpinner color="blue"/>
<TSpinner color="red"/>
<TSpinner color="green"/>

也适用于 grow 类型：

vue


<TSpinner type="grow" color="blue"/>
<TSpinner type="grow" color="green"/>

设置 sm 切换为小尺寸，适合在紧凑界面或按钮中使用。

vue


<TSpinner sm/>
<TSpinner sm type="grow" color="green"/>

设置 dots 属性显示三个跳动的圆点，适合紧凑的信息提示场景。

vue


<TSpinner dots/>

Spinner 可内嵌在按钮中表示加载状态，配合 sm 使用效果更佳。

vue


<t-button>
  <TSpinner sm class="me-2"/>
  加载中...
</t-button>