Skip to content

Loader Component

The Loader component is a reusable spinner used to indicate loading states.

Purpose and Utility

The Loader component is used to visually indicate that a process is ongoing, such as fetching data or submitting a form.

Example Usage

The Loader component is used in the Widget component to display a spinner during data loading:

<template>
  <Loader v-if="fetchingData" />
</template>

Props

  • size (Number): The size of the spinner. Default is 40.

Notes

  • The Loader component is lightweight and customizable.
  • It uses CSS animations for the spinning effect.