メインコンテンツへスキップ

ドキュメント

スピナー

アニメーション付きローディングスピナーを作成します。

使い方

スピナーを作成するには、ブロック要素にuk-spinner属性を追加します。

<div uk-spinner></div>
  • <div uk-spinner></div>

比率

uk-spinner属性にratio: 3パラメータを追加すると、サイズが3倍になります。スピナーのサイズに応じて、他の数値を指定することもできます。

<div uk-spinner="ratio: 3"></div>
  • <span class="uk-margin-small-right" uk-spinner="ratio: 3"></span>
    <span uk-spinner="ratio: 4.5"></span>

アクセシビリティ

スピナーコンポーネントは、適切なWAI-ARIAの役割、状態、およびプロパティを自動的に設定します。