MazFullscreenLoader

MazFullscreenLoader is a standalone component

INFO

Before you have to import the global css files in your project, follow instructions in Getting Started

Basic usage

<template>
  <MazFullscreenLoader v-if="showLoader" @click="showLoader = false">
    <p>
      Loading...
    </p>
    <p>
      (click to hide loader)
    </p>
  </MazFullscreenLoader>

  <MazBtn @click="showLoader = true">
    Show loader
  </MazBtn>
</template>

<script lang="ts" setup>
  import { ref } from 'vue'

  import MazFullscreenLoader from 'maz-ui/components/MazFullscreenLoader'
  import MazBtn from 'maz-ui/components/MazBtn'

  const showLoader = ref(false)
</script>

Props & Slots

Props

Prop name	Description	Type	Values	Default
color	The color of the spinner	Color	-
size	The size of the spinner	string	-
teleportSelector	The selector to teleport the loader	string	-

Slots

Name	Description	Bindings
default