From b27b0848ab0e7efa5b3f2ce70b3defcb1f81baf7 Mon Sep 17 00:00:00 2001
From: Eric Y Liu <ericyl.us@gmail.com>
Date: Mon, 5 Jul 2021 12:03:13 -0700
Subject: [PATCH] docs(component-api): use outbound link

---
 docs/src/components/ComponentApi.svelte | 12 +++++-------
 1 file changed, 5 insertions(+), 7 deletions(-)

diff --git a/docs/src/components/ComponentApi.svelte b/docs/src/components/ComponentApi.svelte
index 2f131f01..820a45ed 100644
--- a/docs/src/components/ComponentApi.svelte
+++ b/docs/src/components/ComponentApi.svelte
@@ -9,6 +9,7 @@
 
   import {
     Link,
+    OutboundLink,
     StructuredList,
     StructuredListHead,
     StructuredListRow,
@@ -43,10 +44,9 @@
 
 <p style="margin-bottom: var(--cds-layout-02)">
   Source code:
-  <Link inline size="lg" href="{source}" target="_blank">
+  <OutboundLink inline href="{source}">
     {component.filePath}
-    <Launch16 />
-  </Link>
+  </OutboundLink>
 </p>
 
 <h3 id="props">Props</h3>
@@ -94,14 +94,12 @@
                       Carbon Svelte icon
                     </TooltipDefinition>
                   {:else if type.startsWith("HTML")}
-                    <Link
+                    <OutboundLink
                       href="{mdn_api}{type}"
-                      target="_blank"
                       style="white-space: nowrap"
                     >
                       {type}
-                      <Launch16 />
-                    </Link>
+                    </OutboundLink>
                   {:else if type in typeMap}
                     <code>{typeMap[type]}</code>
                   {:else if type.startsWith("(")}