oa/documentation/loader/v-loader-documentation.md

VLoader

Vuero ships with a dead simple and versatile <VLoader /> component. This loader is mostly CSS based and gets activated by passing a true value to the active prop. You can change the loader size using the size prop. 4 sizes are available: small, default, large and xl.

<script setup lang="ts">
const isLoaderActive = ref(false)

const toggleLoaders = () => {
  isLoaderActive.value = !isLoaderActive.value
}
</script>

<template>
  <VLoader size="large" :active="isLoaderActive">
    <!-- content ... --->
  </VLoader>
</template>