MazFullscreenLoader

MazFullscreenLoader is a standalone component

Basic usage

<script lang="ts" setup>
import { MazBtn, MazFullscreenLoader } from 'maz-ui/components'

import { ref } from 'vue'

const showLoader = ref(false)
</script>

<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>

Props

Name	Description	Type	Required
color	The color of the spinner	MazColor	No
size	The size of the spinner	string	No
teleport-selector	The selector to teleport the loader	string	No

Slots

Name	Description	Bindings
default