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>