プログレススピナー

ProgressSpinnerは、処理状況を示すインジケーターです。

インポート#


import { ProgressSpinner } from 'primereact/progressspinner';

デフォルトでは無限回転アニメーションが表示されます。


<ProgressSpinner />

ProgressSpinnerは、style、strokeWidth、fillなどのスタイルプロパティでカスタマイズできます。


<ProgressSpinner style={{width: '50px', height: '50px'}} strokeWidth="8" fill="var(--surface-ground)" animationDuration=".5s" />

ProgressSpinnerコンポーネントはprogressbarロールを使用します。コンポーネントの説明は、aria-labelledbyとaria-labelプロップを使用して定義できます。


<ProgressSpinner aria-label="Loading" />

このコンポーネントにはインタラクティブな要素が含まれていません。