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
20 lines
669 B
Svelte
20 lines
669 B
Svelte
<script lang="ts">
|
|
/**
|
|
* Wrapper around 'subtleButton' with an arrow pointing to the right
|
|
* See also: NextButton
|
|
*/
|
|
import SubtleButton from "./SubtleButton.svelte"
|
|
import { ChevronLeftIcon } from "@rgossiaux/svelte-heroicons/solid"
|
|
import { createEventDispatcher } from "svelte"
|
|
import { twMerge } from "tailwind-merge"
|
|
|
|
const dispatch = createEventDispatcher<{ click }>()
|
|
export let clss: string | undefined = undefined
|
|
</script>
|
|
|
|
<SubtleButton
|
|
on:click={() => dispatch("click")}
|
|
options={{ extraClasses: twMerge("flex items-center", clss) }}>
|
|
<ChevronLeftIcon class="h-12 w-12" slot="image" />
|
|
<slot slot="message" />
|
|
</SubtleButton>
|