Fixed #1874 - Constants for Toast

src/components/api/Api.d.ts

@@ -287,3 +287,10 @@ export const PrimeIcons: {
     WINDOW_MINIMIZE?: string,
     YOUTUBE?: string
 }
+
+export const ToastSeverity: {
+    INFO?: string,
+    WARN?: string,
+    ERROR?: string,
+    SUCCESS?: string
+}

src/components/api/Api.js

@@ -2,5 +2,6 @@ import FilterMatchMode from './FilterMatchMode';
 import FilterOperator from './FilterOperator';
 import FilterService from './FilterService';
 import PrimeIcons from './PrimeIcons';
+import ToastSeverity from './ToastSeverity';
 
-export {FilterMatchMode,FilterOperator,FilterService,PrimeIcons};
+export {FilterMatchMode,FilterOperator,FilterService,PrimeIcons,ToastSeverity};

src/components/api/ToastSeverity.js

@@ -0,0 +1,8 @@
+const ToastSeverities = {
+    INFO: 'info',
+    WARN: 'warn',
+    ERROR: 'error',
+    SUCCESS: 'success'
+};
+
+export default ToastSeverities;

src/views/toast/ToastDoc.vue

@@ -201,6 +201,20 @@ this.$toast.removeAllGroups();
                 <p>Toast styling can be adjusted per screen size with the <i>breakpoints</i> option. The value of <i>breakpoints</i> should be an object literal whose keys are the maximum screen sizes and values are the styles per screen. In example below, width of the toast messages cover the whole page on screens whose widths is smaller than 921px.</p>
 <CodeHighlight>
 &lt;Toast :breakpoints="&#123;'920px': &#123;width: '100%', right: '0', left: '0'&#125;&#125;"&gt;&lt;/Toast&gt;
+</CodeHighlight>
+
+                <h5>Constants</h5>
+                <p>ToastSeverity constants API is provided to easily choose a severity of the message with typescript.</p>
+<CodeHighlight lang="javascript">
+import {ToastSeverity} from 'primevue/api';
+
+export default {
+    methods: {
+        showInfo() {
+            this.$toast.add({severity: ToastSeverity.INFO, summary: 'Info Message', detail:'Message Content', life: 3000});
+        }
+    }
+}
 </CodeHighlight>
 
 				<h5>Properties</h5>