hideLegend

Animated

type	values	default
Boolean	false

Boolean that defines whether the circle legend (progress or legend) should be hidden.

Legend behavior

A non-valid value for progress, the use of the data property, or the * loading* and noData states will also hide the legend.

Usage 📜

<ve-progress hide-legend />
<ve-progress :hide-legend="true" />
<ve-progress :hide-legend="false" />

Examples

hide legend

<template>
  <ve-progress :hide-legend="false" :progress="50"/>
  <ve-progress :hide-legend="false" :progress="50">
    <template #legend-caption>
      <p>
        i'm a caption and the legend is <b>visible</b>
      </p>
    </template>
  </ve-progress>
  <ve-progress :hide-legend="false" legend="0150" :progress="50">
    <template #legend-caption>
      <p>
        "legend"as circle legend
      </p>
    </template>
  </ve-progress>
  <ve-progress :hide-legend="false" progress="evilProgress">
    <template #legend-caption>
      <p>
        i have a very evil "progress" value
      </p>
    </template>
  </ve-progress>
</template>

NormalLoadingDeterminateNo data