diff --git a/src/components/message/Message.vue b/src/components/message/Message.vue index 414570cda..0f45e7cbc 100755 --- a/src/components/message/Message.vue +++ b/src/components/message/Message.vue @@ -36,7 +36,11 @@ export default { life: { type: Number, default: 3000 - } + }, + icon: { + type: String, + default: null + }, }, timeout: null, data() { @@ -62,7 +66,7 @@ export default { return 'p-message p-component p-message-' + this.severity; }, iconClass() { - return ['p-message-icon pi', { + return ['p-message-icon pi', this.icon ? this.icon : { 'pi-info-circle': this.severity === 'info', 'pi-check': this.severity === 'success', 'pi-exclamation-triangle': this.severity === 'warn', diff --git a/src/views/message/MessageDemo.vue b/src/views/message/MessageDemo.vue index 74a4f3a0b..ca93863d0 100755 --- a/src/views/message/MessageDemo.vue +++ b/src/views/message/MessageDemo.vue @@ -16,6 +16,9 @@ Warning Message Content Error Message Content +
Custom Icon
+ Info Message Content +
Dynamic