first

documentation/loader/v-loader-documentation.md

@@ -0,0 +1,26 @@
+### 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-->