mirror of
https://github.com/primefaces/primevue.git
synced 2025-05-10 09:22:34 +00:00
Refactor #3879 - For ProgressSpinner
This commit is contained in:
parent
498b40f80f
commit
c7d3a2fd14
3 changed files with 52 additions and 3 deletions
|
@ -1,14 +1,17 @@
|
|||
<template>
|
||||
<div class="p-progress-spinner" role="progressbar">
|
||||
<svg class="p-progress-spinner-svg" viewBox="25 25 50 50" :style="svgStyle">
|
||||
<circle class="p-progress-spinner-circle" cx="50" cy="50" r="20" :fill="fill" :stroke-width="strokeWidth" strokeMiterlimit="10" />
|
||||
<div class="p-progress-spinner" role="progressbar" v-bind="ptm('root')">
|
||||
<svg class="p-progress-spinner-svg" viewBox="25 25 50 50" :style="svgStyle" v-bind="ptm('spinner')">
|
||||
<circle class="p-progress-spinner-circle" cx="50" cy="50" r="20" :fill="fill" :stroke-width="strokeWidth" strokeMiterlimit="10" v-bind="ptm('circle')" />
|
||||
</svg>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import BaseComponent from 'primevue/basecomponent';
|
||||
|
||||
export default {
|
||||
name: 'ProgressSpinner',
|
||||
extends: BaseComponent,
|
||||
props: {
|
||||
strokeWidth: {
|
||||
type: String,
|
||||
|
|
Loading…
Add table
Add a link
Reference in a new issue