PXDPXD

LoadingDots

Indicate an action running in the background.

Default

 code<template>
  <PStack direction="col" :gap="2">
    <PLoadingDots />
    <PLoadingDots class="text-xl" />
  </PStack>
</template>

With prefix and suffix

Loading Left

Loading Right

code

<template>
  <PLoadingDots>
    <template #prefix>
      <PText secondary>Loading Left</PText>
    </template>
    <template #suffix>
      <PText secondary>Loading Right</PText>
    </template>
  </PLoadingDots>
</template>