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
24 lines
766 B
Svelte
24 lines
766 B
Svelte
<script lang="ts">
|
|
/**
|
|
* Wrapper around 'subtleButton' with an arrow pointing to the right
|
|
* See also: BackButton
|
|
*/
|
|
import SubtleButton from "./SubtleButton.svelte"
|
|
import { ChevronRightIcon } 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) }}>
|
|
<slot name="image" slot="image" />
|
|
<div class="flex w-full items-center justify-between" slot="message">
|
|
<slot />
|
|
<ChevronRightIcon class="h-12 w-12" />
|
|
</div>
|
|
</SubtleButton>
|