VueProgress Components

SpinnerIcon

Use the `SpinnerIcon` component

The SpinnerIcon component must be used inside the Spinner component.

Import

<script setup lang="ts">
import { SpinnerIcon } from '@bprogress/...';
</script>

Note

Replace the ... in the import with the library you're using. For example, if you use @bprogress/nuxt, import by doing from '@bprogress/nuxt'

Usage

This component is used to display the spinner icon.

<template>
  <SpinnerIcon />
</template>

Props

NameTypeDefaultDescription
isstring | Component'div'The component or HTML element to render. This prop uses Vue's is attribute for dynamic rendering.
classClassValueundefindedThe class of the progress element
classSelectorstring'peg'The class selector of the progress element (depends on your css)
...restHTMLAttributes-Other attributes passed down to the rendered element

On this page