feat(#4): add external link icon

Realityloop · Aug 7, 2023 · eeabf9e · eeabf9e
1 parent 01843b7
commit eeabf9e
Showing 1 changed file with 8 additions and 2 deletions.
diff --git a/src/components/NavigationCard.vue b/src/components/NavigationCard.vue
@@ -40,10 +40,11 @@
       >
         <CTLink
           class="ct-navigation-card__title__link"
+          :external="linkExternal"
           :link="link"
           :text="title"
           :theme="theme"
-          icon="right-arrow-2"
+          :icon="linkIcon"
         />
       </CTHeading>
 
@@ -90,6 +91,10 @@ export default {
       type: String,
       default: '#'
     },
+    linkExternal: {
+      type: Boolean,
+      default: undefined,
+    },
     summary: {
       type: String,
       default: undefined,
@@ -101,7 +106,8 @@ export default {
   },
 
   computed: {
-    hasImage: ({ $scopedSlots, imageSrc }) => imageSrc || $scopedSlots.image
+    hasImage: ({ $scopedSlots, imageSrc }) => imageSrc || $scopedSlots.image,
+    linkIcon: ({ linkExternal }) => linkExternal ? 'upper-right-arrow' : 'right-arrow-2',
   }
 }
 </script>