vertumnus/primevue-mirror
1
0
Fork 0
mirror of https://github.com/primefaces/primevue.git synced 2025-05-09 08:52:34 +00:00
Code Issues Projects Releases Packages Wiki Activity

Refactor #3889 - For Button

Browse source
This commit is contained in:
Tuğçe Küçükoğlu 2023-04-24 15:00:20 +03:00
parent c9f6c31462
commit bd48603c39
3 changed files with 62 additions and 6 deletions
Download patch file Download diff file Expand all files Collapse all files

14
components/lib/button/Button.vue
View file

@ -1,26 +1,28 @@
<template>
<button v-ripple :class="buttonClass" type="button" :aria-label="defaultAriaLabel" :disabled="disabled">
<button v-ripple :class="buttonClass" type="button" :aria-label="defaultAriaLabel" :disabled="disabled" v-bind="ptm('root')">
<slot></slot>
<template v-if="!$slots.default">
<slot v-if="loading" name="loadingicon" :class="loadingIconStyleClass">
<span v-if="loadingIcon" :class="[loadingIconStyleClass, loadingIcon]" />
<SpinnerIcon v-else :class="loadingIconStyleClass" spin />
<span v-if="loadingIcon" :class="[loadingIconStyleClass, loadingIcon]" v-bind="ptm('loadingIcon')" />
<SpinnerIcon v-else :class="loadingIconStyleClass" spin v-bind="ptm('loadingIcon')" />
</slot>
<slot v-else name="icon" :class="iconStyleClass">
<span v-if="icon" :class="[iconStyleClass, icon]"></span>
<span v-if="icon" :class="[iconStyleClass, icon]" v-bind="ptm('icon')"></span>
</slot>
<span class="p-button-label">{{ label || '&nbsp;' }}</span>
<span v-if="badge" :class="badgeStyleClass">{{ badge }}</span>
<span class="p-button-label" v-bind="ptm('label')">{{ label || '&nbsp;' }}</span>
<span v-if="badge" :class="badgeStyleClass" v-bind="ptm('badge')">{{ badge }}</span>
</template>
</button>
</template>
<script>
import BaseComponent from 'primevue/basecomponent';
import SpinnerIcon from 'primevue/icons/spinner';
import Ripple from 'primevue/ripple';
export default {
name: 'Button',
extends: BaseComponent,
props: {
label: {
type: String,