diff --git a/README.md b/README.md
index 50c0092..5c1ec43 100755
--- a/README.md
+++ b/README.md
@@ -152,6 +152,13 @@ export default {
path: { name: "reception"},
iconLeft: '',
},
+ {
+ type: "link",
+ text: "GitHub",
+ path: "https://github.com/",
+ isUsingLink: true,
+ linkTarget: "_blank",
+ },
]
},
{
diff --git a/src/components/DesktopMenuItemButton.vue b/src/components/DesktopMenuItemButton.vue
index bde0f63..7ff154f 100644
--- a/src/components/DesktopMenuItemButton.vue
+++ b/src/components/DesktopMenuItemButton.vue
@@ -5,6 +5,8 @@
:class="['vnb__menu-options__option__button', 'vnb-button', option.class]"
:aria-label="option.text"
:isLinkAction="option.isLinkAction ? true : false"
+ :isUsingLink="option.isUsingLink"
+ :linkTarget="option.linkTarget"
@click="$emit('vnb-item-clicked', option.text)"
>
diff --git a/src/components/DesktopMenuItemLink.vue b/src/components/DesktopMenuItemLink.vue
index e579470..8d08297 100644
--- a/src/components/DesktopMenuItemLink.vue
+++ b/src/components/DesktopMenuItemLink.vue
@@ -7,6 +7,8 @@
:aria-label="option.text"
tabindex="0"
:isLinkAction="option.isLinkAction ? true : false"
+ :isUsingLink="option.isUsingLink"
+ :linkTarget="option.linkTarget"
@click="$emit('vnb-item-clicked', option.text)"
>
diff --git a/src/components/DynamicLink.vue b/src/components/DynamicLink.vue
index e498391..19b71e5 100644
--- a/src/components/DynamicLink.vue
+++ b/src/components/DynamicLink.vue
@@ -1,8 +1,8 @@
-
+
-
+
@@ -26,6 +26,14 @@ export default {
type: Boolean,
required: true,
},
+ isUsingLink: {
+ type: Boolean,
+ default: false,
+ },
+ linkTarget: {
+ type: String,
+ default: "_self",
+ }
},
computed: {
localPath() {
diff --git a/src/vue-navigation-bar.vue b/src/vue-navigation-bar.vue
index 89f69a5..e5ad13e 100755
--- a/src/vue-navigation-bar.vue
+++ b/src/vue-navigation-bar.vue
@@ -31,7 +31,7 @@