Add external setting for links

5 years ago · d856bcd35a
1 changed files with 12 additions and 4 deletions
--- a/packages/standard-components/src/Link.svelte
+++ b/packages/standard-components/src/Link.svelte
@ -7,11 +7,19 @@
  export let url = ""
  export let text = ""
  export let openInNewTab = false
+  export let external = false

  $: target = openInNewTab ? "_blank" : "_self"
 </script>

-<a href={url || '/'} use:linkable {target} use:styleable={$component.styles}>
-  {text}
-  <slot />
-</a>
+{#if external}
+  <a href={url || '/'} {target} use:styleable={$component.styles}>
+    {text}
+    <slot />
+  </a>
+{:else}
+  <a href={url || '/'} use:linkable {target} use:styleable={$component.styles}>
+    {text}
+    <slot />
+  </a>
+{/if}