PersonaSpinner
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
| Props | Type | Default | Description |
|---|---|---|---|
| There no props here | |||
Slots
| Name | Description |
|---|---|
| There no slots here | |
Events
| Name | Arguments | Description |
|---|---|---|
| There no props here | ||