diff --git a/docs/components/content/examples/VerticalNavigationExample.vue b/docs/components/content/examples/VerticalNavigationExample.vue
index 7d3dca71..b75b5a07 100644
--- a/docs/components/content/examples/VerticalNavigationExample.vue
+++ b/docs/components/content/examples/VerticalNavigationExample.vue
@@ -3,7 +3,8 @@ const links = [{
   label: 'Profile',
   avatar: {
     src: 'https://avatars.githubusercontent.com/u/739984?v=4'
-  }
+  },
+  badge: 100
 }, {
   label: 'Installation',
   icon: 'i-heroicons-home',
diff --git a/docs/content/4.navigation/1.vertical-navigation.md b/docs/content/4.navigation/1.vertical-navigation.md
index 8a3e35e0..dd1e6c89 100644
--- a/docs/content/4.navigation/1.vertical-navigation.md
+++ b/docs/content/4.navigation/1.vertical-navigation.md
@@ -16,7 +16,8 @@ const links = [{
   label: 'Profile',
   avatar: {
     src: 'https://avatars.githubusercontent.com/u/739984?v=4'
-  }
+  },
+  badge: 100
 }, {
   label: 'Installation',
   icon: 'i-heroicons-home',