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 #3832 Refactor #3833 - For Chip

Browse source
This commit is contained in:
Bahadır Sofuoğlu 2023-04-10 22:42:57 +03:00
parent edc09b8bc6
commit a9185a87e7
3 changed files with 31 additions and 7 deletions
Download patch file Download diff file Expand all files Collapse all files

13
components/lib/chip/Chip.vue
View file

@ -5,11 +5,14 @@
<span v-else-if="icon" :class="iconClass"></span>
<div v-if="label" class="p-chip-text">{{ label }}</div>
</slot>
<span v-if="removable" tabindex="0" :class="removeIconClass" @click="close" @keydown="onKeydown"></span>
<slot name="removeicon" :click="close" :keydown="onKeydown">
<component v-if="removable" :is="removeIcon ? 'span' : 'TimesCircleIcon'" tabindex="0" :class="['p-chip-remove-icon', removeIcon]" @click="close" @keydown="onKeydown"></component>
</slot>
</div>
</template>
<script>
import TimesCircleIcon from 'primevue/icon/timescircle';
export default {
name: 'Chip',
emits: ['remove'],
@ -32,7 +35,7 @@ export default {
},
removeIcon: {
type: String,
default: 'pi pi-times-circle'
default: undefined
}
},
data() {
@ -62,10 +65,10 @@ export default {
},
iconClass() {
return ['p-chip-icon', this.icon];
},
removeIconClass() {
return ['p-chip-remove-icon', this.removeIcon];
}
},
components: {
TimesCircleIcon
}
};
</script>