diff options
Diffstat (limited to 'apps/kit/src/lib/components/button.svelte')
| -rw-r--r-- | apps/kit/src/lib/components/button.svelte | 12 |
1 files changed, 7 insertions, 5 deletions
diff --git a/apps/kit/src/lib/components/button.svelte b/apps/kit/src/lib/components/button.svelte index 95dba5c..323c7ad 100644 --- a/apps/kit/src/lib/components/button.svelte +++ b/apps/kit/src/lib/components/button.svelte @@ -13,7 +13,7 @@ export let tabindex: string | undefined = undefined; export let style: string | undefined = undefined; export let title: string | undefined = undefined; - export let disabled = false; + export let disabled: boolean | null = false; export let href: string | undefined = undefined; export let text: string; export let loading = false; @@ -78,8 +78,9 @@ 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" + : ''} {$$restProps.class ?? ''} {fullWidth + ? 'w-full justify-center' + : ''} inline-flex items-center border font-medium rounded shadow-sm focus:outline-none focus:ring-2" > {#if loading} <Spinner class={spinnerTextClasses + " " + spinnerMarginClasses} /> @@ -89,8 +90,9 @@ {:else} <button {...shared_props} - 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" + 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" > {#if loading} <Spinner class={spinnerTextClasses + " " + spinnerMarginClasses} /> |