b55d976492
Looking at https://github.com/dcastil/tailwind-merge/blob/v1.13.1/docs/when-and-how-to-use-it.md#how-to-use-it I placed the "winning" class at the end for twMerge
16 lines
453 B
Svelte
16 lines
453 B
Svelte
<script lang="ts">
|
|
import { createEventDispatcher } from "svelte"
|
|
import { twJoin } from "tailwind-merge"
|
|
|
|
/**
|
|
* A round button with an icon and possible a small text, which hovers above the map
|
|
*/
|
|
const dispatch = createEventDispatcher()
|
|
export let cls = ""
|
|
</script>
|
|
|
|
<button
|
|
on:click={(e) => dispatch("click", e)}
|
|
class={twJoin("pointer-events-auto m-0.5 h-fit w-fit rounded-full p-0.5 sm:p-1 md:m-1", cls)}>
|
|
<slot />
|
|
</button>
|