diff options
Diffstat (limited to 'old-apps/web-shared/src/components/breadcrumb/crumb.svelte')
| -rw-r--r-- | old-apps/web-shared/src/components/breadcrumb/crumb.svelte | 27 |
1 files changed, 27 insertions, 0 deletions
diff --git a/old-apps/web-shared/src/components/breadcrumb/crumb.svelte b/old-apps/web-shared/src/components/breadcrumb/crumb.svelte new file mode 100644 index 0000000..e540a44 --- /dev/null +++ b/old-apps/web-shared/src/components/breadcrumb/crumb.svelte @@ -0,0 +1,27 @@ +<script> + export let name; + export let withArrow = false; + export let isLink = false; +</script> +<li class="breadcrumbs__item"> + {#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" + viewBox="0 0 16 16"> + <polyline fill="none" + stroke="currentColor" + stroke-width="1" + stroke-linecap="round" + stroke-linejoin="round" + stroke-miterlimit="10" + points="6.5,3.5 11,8 6.5,12.5 "></polyline> + </svg> + {/if} +</li> |