Meter

Known-range scalar measurement.

Import

import { Meter } from '@heroui-vue/vue'

Usage

CSS compatibility86%

Remaining migration42%

<template>
  <div class="grid w-full max-w-md gap-4">
    <Meter label="CSS compatibility" :value="86" color="success" />
    <Meter label="Remaining migration" :value="42" color="warning" />
  </div>
</template>

<script setup>
import { Meter } from '@heroui-vue/vue'
</script>

API

Prop	Type	Default	Description
value	number	0	Current value
minValue	number	0	Minimum value
maxValue	number	100	Maximum value