diff options
| author | ivarlovlie <git@ivarlovlie.no> | 2022-08-10 23:34:24 +0200 |
|---|---|---|
| committer | ivarlovlie <git@ivarlovlie.no> | 2022-08-10 23:34:24 +0200 |
| commit | 915ee0a9c28d2d9371848ca8a0559bd82cb5c9be (patch) | |
| tree | ee193b95561b90feb9dc4132be55f88d30c62555 | |
| parent | 7a7e57fc80e96aa416284a03a8f0b0032f11dcda (diff) | |
| download | greatoffice-915ee0a9c28d2d9371848ca8a0559bd82cb5c9be.tar.xz greatoffice-915ee0a9c28d2d9371848ca8a0559bd82cb5c9be.zip | |
refactor: Use anchor tag when isLink is true
| -rw-r--r-- | apps/web-shared/src/components/breadcrumb/crumb.svelte | 15 |
1 files changed, 10 insertions, 5 deletions
diff --git a/apps/web-shared/src/components/breadcrumb/crumb.svelte b/apps/web-shared/src/components/breadcrumb/crumb.svelte index 7621de6..e540a44 100644 --- a/apps/web-shared/src/components/breadcrumb/crumb.svelte +++ b/apps/web-shared/src/components/breadcrumb/crumb.svelte @@ -1,11 +1,16 @@ <script> - export let name; - export let withArrow = false; - export let isLink = false; + export let name; + export let withArrow = false; + export let isLink = false; </script> <li class="breadcrumbs__item"> - <span class="color-inherit {isLink ? 'cursor-pointer color-primary-light' : ''}" - on:click>{name}</span> + {#if isLink} + <a class="color-inherit {isLink ? 'cursor-pointer color-primary-light' : ''}" + on:click>{name}</a> + {:else} + <span class="color-inherit {isLink ? 'cursor-pointer color-primary-light' : ''}" + on:click>{name}</span> + {/if} {#if withArrow} <svg class="icon margin-left-xxxs color-contrast-low" aria-hidden="true" |