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

<!--code-->

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

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

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

<!--/code-->