A RetroSearch Logo

Home - News ( United States | United Kingdom | Italy | Germany ) - Football scores

Search Query:

Showing content from https://setaman.github.io/vue-ellipse-progress-docs/guide/options/hideLegend.html below:

Website Navigation


hideLegend | vue-ellipse-progress

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 📜 vue
<ve-progress hide-legend />
<ve-progress :hide-legend="true" />
<ve-progress :hide-legend="false" />
Examples

hide legend

js
<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>

RetroSearch is an open source project built by @garambo | Open a GitHub Issue

Search and Browse the WWW like it's 1997 | Search results from DuckDuckGo

HTML: 3.2 | Encoding: UTF-8 | Version: 0.7.4