Loader

The Loader component.

Examples

Modify default background or text color

Code

<script setup lang="ts">
import { BaseCard, BaseLoader } from '@point-hub/papp'
</script>

<template>
  <Demo class="grid cols-2">
    <component :is="BaseCard" class="relative">
      <component :is="BaseLoader" type="classic" sample="1">Loading...</component>
    </component>
    <component :is="BaseCard" class="relative">
      <component :is="BaseLoader" type="classic" sample="2">Loading...</component>
    </component>
    <component :is="BaseCard" class="relative">
      <component :is="BaseLoader" type="classic" sample="3">Loading...</component>
    </component>
    <component :is="BaseCard" class="relative">
      <component :is="BaseLoader" type="classic" sample="4">Loading...</component>
    </component>
  </Demo>
</template>

Loader API

Props

Name	Type	Default	Description
type	classic	classic	Loader type.
sample	number	1	Loader sample.

Slot

#default slot for rendering loader text