Skip to content

wt-loader.vue

Specs

Props

Name Required Types Default Description Example Deprecated
size string 'md' Loader size
color string 'main' Loader color. Works only for sm loader

Example Loader Different Sizes

Code
vue
<script setup></script>

<template>
  <wt-loader />
  <wt-loader size="sm" />
</template>

<style scoped lang="scss"></style>

Example Sm Loader Different Colors

Code
vue
<script setup>
const colors = ['main', 'icon', 'on-dark', 'on-light'];
</script>

<template>
  <div style="display: flex; gap: var(--spacing-xs); background-color: var(--green-darken-1);">
    <wt-loader
      v-for="color in colors"
      :key="color"
      :color="color"
      size="sm"
    />
  </div>
</template>

<style scoped lang="scss"></style>