Loader

The Loader component.

Examples

Modify default background or text color

Code

<template>
  <Demo class="grid cols-2">
    <base-card class="relative">
      <base-loader type="classic" sample="1">Loading...</base-loader>
    </base-card>
    <base-card class="relative">
      <base-loader type="classic" sample="2">Loading...</base-loader>
    </base-card>
    <base-card class="relative">
      <base-loader type="classic" sample="3">Loading...</base-loader>
    </base-card>
    <base-card class="relative">
      <base-loader type="classic" sample="4">Loading...</base-loader>
    </base-card>
  </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