MazLoadingBar

MazLoadingBar is an indeterminate progress bar to show that something is loading, typically at the top of a page or a container

Before use it, you should install the MazUi plugin in your project, follow instructions in Getting Started

Basic usage

<script lang="ts" setup>
import MazLoadingBar from 'maz-ui/components/MazLoadingBar'
</script>

<template>
  <MazLoadingBar color="secondary" />
</template>

Props

Name	Description	Type	Required	Default	Possible values
color	The color of the component.	"primary" | "secondary" | "accent" | "info" | "success" | "warning" | "destructive" | "contrast" | "transparent"	No	"primary"	'primary' | 'secondary' | 'accent' | 'info' | 'success' | 'warning' | 'destructive' | 'contrast' | 'transparent'
height	The height of the component.	string	No	-	-