Skip to content
On this page

Spinner

Loading spinner.

Usage

Spinner

preview
vue
<template>
  <p-spinner />
</template>

Spinner Ring

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

Spinner Ring-O

preview
vue
<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
vue
<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

PropsTypeDefaultDescription
There no props here

Slots

NameDescription
There no slots here

Events

NameArgumentsDescription
There no props here

See Also

Released under the MIT License.