diff options
Diffstat (limited to 'apps/kit/src/lib/components/button.svelte')
| -rw-r--r-- | apps/kit/src/lib/components/button.svelte | 10 |
1 files changed, 8 insertions, 2 deletions
diff --git a/apps/kit/src/lib/components/button.svelte b/apps/kit/src/lib/components/button.svelte index d345b37..cbc09e2 100644 --- a/apps/kit/src/lib/components/button.svelte +++ b/apps/kit/src/lib/components/button.svelte @@ -4,6 +4,8 @@ </script> <script lang="ts"> + import pwKey from "$actions/pwKey"; + import { SpinnerIcon } from "./icons"; export let kind = "primary" as ButtonKind; @@ -18,6 +20,7 @@ export let text: string; export let loading = false; export let fullWidth = false; + export let _pwKey: string | undefined = undefined; let sizeClasses = ""; let kindClasses = ""; @@ -70,9 +73,9 @@ {#if href} <a + use:pwKey={_pwKey} {...shared_props} {href} - on:click class="{sizeClasses} {kindClasses} {loading ? 'disabled:' : ''} {$$restProps.class ?? ''} {fullWidth ? 'w-full justify-center' : ''} inline-flex items-center border font-medium rounded shadow-sm focus:outline-none focus:ring-2" @@ -84,8 +87,11 @@ </a> {:else} <button + use:pwKey={_pwKey} {...shared_props} - class="{sizeClasses} {kindClasses} {$$restProps.class ?? ''} {fullWidth + on:click + class="{sizeClasses} {kindClasses} {$$restProps.class ?? ''} + {fullWidth ? 'w-full justify-center' : ''} inline-flex items-center border font-medium rounded shadow-sm focus:outline-none focus:ring-2" > |