Add external setting for links

This commit is contained in:
Andrew Kingston 2021-02-26 09:58:24 +00:00
parent 80f86720ac
commit d856bcd35a
1 changed files with 12 additions and 4 deletions

View File

@ -7,11 +7,19 @@
export let url = "" export let url = ""
export let text = "" export let text = ""
export let openInNewTab = false export let openInNewTab = false
export let external = false
$: target = openInNewTab ? "_blank" : "_self" $: target = openInNewTab ? "_blank" : "_self"
</script> </script>
<a href={url || '/'} use:linkable {target} use:styleable={$component.styles}> {#if external}
{text} <a href={url || '/'} {target} use:styleable={$component.styles}>
<slot /> {text}
</a> <slot />
</a>
{:else}
<a href={url || '/'} use:linkable {target} use:styleable={$component.styles}>
{text}
<slot />
</a>
{/if}