Refactor #3879 - For ProgressSpinner

This commit is contained in:
Tuğçe Küçükoğlu 2023-04-21 16:39:16 +03:00
parent 498b40f80f
commit c7d3a2fd14
3 changed files with 52 additions and 3 deletions

View file

@ -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,