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>