diff --git a/src/views/message/MessageDemo.vue b/src/views/message/MessageDemo.vue
index 883cee47c..7f167376b 100644
--- a/src/views/message/MessageDemo.vue
+++ b/src/views/message/MessageDemo.vue
@@ -20,7 +20,7 @@
A single message is specified by Message interface in PrimeVue that defines the severity and content as the properties. - Messages to display can either be defined using the value property which should an array of Message instances.
+Message component requires a content to display.
+Multiple messages can be displayed using the standard v-for directive.
+There are four possible values for the severity of a message.
+There are four possible values for the severity of a message. Default one is "info".
Messages are cleared automatically after the timeout defined by life property which is 3 seconds by default. Use sticky mode to make them stay until - they are manually removed.
+Messages are sticky by default, if you require them to be cleared automatically, disable sticky property and optionally configure the life property to specify how long the message + should be displayed which is 3000 ms by default.
ValidationMessage component is useful in cases where a single message needs to be displayed related to an element such as forms. It has one property, severity of the message.
Name | -Type | -Default | -Description | -
---|---|---|---|
Name | +Type | +Default | +Description | +
severity | -string | -info | -Severity level of the message. | -
closable | -boolean | -true | -Whether the message can be closed manually using the close icon. | -
sticky | -element | -null | -When enabled, message is not removed automatically. | -
life | -number | -3000 | -Delay in milliseconds to close the message automatically. | -
severity | +string | +info | +Severity level of the message. | +
closable | +boolean | +true | +Whether the message can be closed manually using the close icon. | +
sticky | +element | +null | +When enabled, message is not removed automatically. | +
life | +number | +3000 | +Delay in milliseconds to close the message automatically. | +
Name | +Type | +Default | +Description | +
---|---|---|---|
severity | +string | +info | +Severity level of the message. | +
Following is the list of structural style classes, for theming classes visit
Name | -Element | -
---|---|
Name | +Element | +
p-messages | -Container element. | -
p-messages-info | -Container element when displaying info messages. | -
p-messages-warn | -Container element when displaying warning messages. | -
p-messages-error | -Container element when displaying error messages. | -
p-messages-success | -Container element when displaying success messages. | -
p-messages-close | -Close icon. | -
p-messages-icon | -Severity icon. | -
p-messages-summary | -Summary of a message. | -
p-messages-detail | -Detail of a message. | -
p-messages | +Container element. | +
p-messages-info | +Container element when displaying info messages. | +
p-messages-warn | +Container element when displaying warning messages. | +
p-messages-error | +Container element when displaying error messages. | +
p-messages-success | +Container element when displaying success messages. | +
p-messages-close | +Close icon. | +
p-messages-icon | +Severity icon. | +
p-messages-text | +Content of a message. | +
Name | +Element | +
---|---|
p-message | +Container element. | +
p-message-info | +Container element when displaying info messages. | +
p-message-warn | +Container element when displaying warning messages. | +
p-message-error | +Container element when displaying error messages. | +
p-message-success | +Container element when displaying success messages. | +
p-message-icon | +Severity icon. | +
p-message-text | +Content of a message. | +