MazSpinner

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

Basic usage

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

<template>
  <MazSpinner />
</template>

Options

Colors

Choose the color of the spinner

By default the color is theme

<MazSpinner color="primary" />

<MazSpinner color="secondary" />

<MazSpinner color="destructive" />

<MazSpinner color="warning" />

<MazSpinner color="success" />

<MazSpinner color="info" />

<MazSpinner color="accent" />

<MazSpinner color="contrast" />

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" />

Props

Name	Description	Type	Required	Default
size	The size of the spinner	string	No	2em
color	The color of the spinner	MazColor	No	theme