diff --git a/packages/ui-vue/components/notify/src/components/toast.component.tsx b/packages/ui-vue/components/notify/src/components/toast.component.tsx
index a022ea2..d1112a6 100644
--- a/packages/ui-vue/components/notify/src/components/toast.component.tsx
+++ b/packages/ui-vue/components/notify/src/components/toast.component.tsx
@@ -20,7 +20,7 @@ export default defineComponent({
             const classObject = {
                 animated: showingToast.value,
                 toast: true
-            };
+            } as any;
             classObject[props.animate] = false;
             classObject[animateEnd] = showingToast.value;
             classObject[toast.value.type] = true;
@@ -34,7 +34,7 @@ export default defineComponent({
             const hasSpecialToastType = toast.value && toast.value.type;
             const iconType = hasSpecialToastType ? toast.value.type.replace('toasty-type-', '') : 'default';
             const iconTypeName = `f-icon-${iconType}`;
-            const classObject = { 'f-icon': true };
+            const classObject = { 'f-icon': true } as any;
             classObject[iconTypeName] = true;
             return classObject;
         });
@@ -60,7 +60,7 @@ export default defineComponent({
             }, 200);
         }
 
-        function onClickButton($event: Event, notifyButton: NotifyButton) {}
+        function onClickButton($event: Event, notifyButton: NotifyButton) { }
 
         function getNotifyButtonClass(notifyButton: NotifyButton) {
             return `f-preten-link ${notifyButton.customClass ? notifyButton.customClass : ''}`;
@@ -95,7 +95,7 @@ export default defineComponent({
             return (
                 <div class={toastClass.value}>
                     {shouldShowCloseButton.value && (
-                        <button class="toast-close f-btn-icon f-bare" onClick={onCloseToast}>
+                        <button title="close" class="toast-close f-btn-icon f-bare" onClick={onCloseToast}>
                             <span class="f-icon modal_close"></span>
                         </button>
                     )}
diff --git a/packages/ui-vue/docs/components/notify/index.md b/packages/ui-vue/docs/components/notify/index.md
index e8b09c0..583398a 100644
--- a/packages/ui-vue/docs/components/notify/index.md
+++ b/packages/ui-vue/docs/components/notify/index.md
@@ -25,8 +25,8 @@ function showMessage() {
         bottom: 0,
         id: '1',
         animate: 'fadeIn',
-        options: { type: 'string', title: 'string', msg: 'string' },
-        toasts: [{ type: 'string', title: 'string', msg: 'string' }]
+        options: { type: 'string', title: 'This is a title', msg: 'This is some message' },
+        toasts: [{ type: 'string', title: 'This is a title', msg: 'This is some message' }]
     });
 }
 </script>