The Wheels

Spinner

同梱 spinner.svg（SVG アニメーション）/ デフォルト 1em

Preview

デフォルト（1em）

読み込み中

サイズ指定

保存中… 同期中… 処理に失敗しました。再試行中…

HTML

<p style="font-size: 2.4rem">
  読み込み中
  <tw-spinner stroke-color="var(--tw-text-main)" aria-label="読み込み中"></tw-spinner>
</p>

<tw-spinner width="16" height="16" stroke-color="var(--tw-text-main)" aria-label="小"></tw-spinner>
<tw-spinner width="32" height="32" stroke-color="var(--tw-text-main)" aria-label="中"></tw-spinner>
<tw-spinner width="48" height="48" stroke-color="var(--tw-alert)" aria-label="大"></tw-spinner>
import "@b4moss/the-wheels";
import "@b4moss/the-wheels";
// tw-spinner は import 時に自動登録されます