Skip to content

Meter

Display a gauge meter that fills or depletes.

Usage

Use the value prop from 0 to 100 to set a value for the meter bar.

vue
<template>
  <SMeter :value="25" />
</template>

Min & Max

By default, min is 0 and max is 100. You can change either of these using their respective props, even for negative numbers.

vue
<template>
  <SMeter :value="-25" :min="-50" :max="50" />
</template>

Released under the MIT License.