Spinner

Loading spinner.

Usage

Spinner

preview

<template>
  <p-spinner />
</template>

Spinner Ring

preview

<template>
  <p-spinner-ring />
</template>

Spinner Ring-O

preview

<template>
  <p-spinner-ringgo />
</template>

Customize Color

All spinners are color neutral, it will follow the current text's color. Changing spinner's color is easy as changing text color

preview

<template>
  <div class="flex items-center justify-center p-4 space-x-4 bg-info-emphasis text-state-emphasis dark:bg-dark-info-emphasis dark:text-dark-state-emphasis">
    <p-spinner />
    <p-spinner-ring />
    <p-spinner-ringgo />
  </div>
</template>

API

Props

Props	Type	Default	Description
There no props here

Slots

Name	Description
There no slots here

Events

Name	Arguments	Description
There no props here

See Also

• Overlay