MapComplete/src/UI/Map/Marker.svelte

17 lines
381 B
Svelte
Raw Normal View History

<script lang="ts">
2023-11-09 16:30:26 +01:00
import Icon from "./Icon.svelte"
/**
* Renders a 'marker', which consists of multiple 'icons'
*/
2023-11-09 16:30:26 +01:00
export let icons: { icon: string; color: string }[]
2023-10-07 03:07:32 +02:00
</script>
2023-11-09 16:30:26 +01:00
{#if icons !== undefined && icons.length > 0}
2023-11-09 16:30:26 +01:00
<div class="relative h-full w-full">
2023-10-07 03:07:32 +02:00
{#each icons as icon}
<Icon icon={icon.icon} color={icon.color} />
2023-10-07 03:07:32 +02:00
{/each}
</div>
{/if}