christoph/svelte-formula11
1
Fork 0
Code Issues 21 Actions Packages Projects 1 Activity

Lib: Allow customizing finished text in Countdown

Browse Source
This commit is contained in:
Christoph Urlacher
2025-03-14 01:45:40 +01:00
parent a0d75d6411
commit b9413fcfcd
1 changed files with 3 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

5
src/lib/components/Countdown.svelte
View File

@ -1,10 +1,11 @@
<script lang="ts"> <script lang="ts">
interface CountdownProps { interface CountdownProps {
date: string; date: string;
gotext?: string;
extraclass?: string; extraclass?: string;
} }
let { date, extraclass = "" }: CountdownProps = $props(); let { date, gotext = "Go Go Go", extraclass = "" }: CountdownProps = $props();
// Set the date we're counting down to // Set the date we're counting down to
const countDownDate = new Date(date).getTime(); const countDownDate = new Date(date).getTime();
@ -35,6 +36,6 @@
{#if distance > 0} {#if distance > 0}
{days + "d " + hours + "h " + minutes + "m "} {days + "d " + hours + "h " + minutes + "m "}
{:else} {:else}
GO GO GO GO {gotext}
{/if} {/if}
</span> </span>