MazSpinner

MazSpinner is a standalone component that replaces the standard html input checkbox. Color options are available.

Basic usage

<template>
  <MazSpinner />
</template>

<script>
  import MazSpinner from 'maz-ui/components/MazSpinner'
</script>

Options

Colors

Choose the color of the spinner

By default the color is theme

<MazSpinner color="primary" />
<MazSpinner color="secondary" />
<MazSpinner color="danger" />
<MazSpinner color="warning" />
<MazSpinner color="success" />
<MazSpinner color="info" />
<MazSpinner color="theme" />
<MazSpinner color="white" />
<MazSpinner color="black" />

Sizes

Choose the size of the spinner

The default size is 2em

<MazSpinner size="1em" />
<MazSpinner size="2em" />
<MazSpinner size="3em" />
<MazSpinner size="4em" />
<MazSpinner size="5em" />
<MazSpinner size="6em" />
<MazSpinner size="7em" />

Component informations

Props

Prop name	Description	Type	Values	Default
size	The size of the spinner @default 2em	string	-
color	The color of the spinner @default theme	Color	-