diff options
| author | ivarlovlie <git@ivarlovlie.no> | 2022-09-28 15:50:55 +0200 |
|---|---|---|
| committer | ivarlovlie <git@ivarlovlie.no> | 2022-09-28 15:50:55 +0200 |
| commit | cc5d96fc514621f47ea826561db9f037b87ccb6d (patch) | |
| tree | f442f59b9b3b25ebc4eac89ecafe79bce0d948c7 /apps/kit | |
| parent | b60f71b219412da45e8e910189e374a6ea03c478 (diff) | |
| download | greatoffice-cc5d96fc514621f47ea826561db9f037b87ccb6d.tar.xz greatoffice-cc5d96fc514621f47ea826561db9f037b87ccb6d.zip | |
feat: Support full width buttons
Diffstat (limited to 'apps/kit')
| -rw-r--r-- | apps/kit/src/lib/components/button.svelte | 10 |
1 files changed, 5 insertions, 5 deletions
diff --git a/apps/kit/src/lib/components/button.svelte b/apps/kit/src/lib/components/button.svelte index 954f195..95dba5c 100644 --- a/apps/kit/src/lib/components/button.svelte +++ b/apps/kit/src/lib/components/button.svelte @@ -17,6 +17,7 @@ export let href: string | undefined = undefined; export let text: string; export let loading = false; + export let fullWidth = false; let sizeClasses = ""; let kindClasses = ""; @@ -75,10 +76,10 @@ {...shared_props} {href} on:click - {type} class="{sizeClasses} {kindClasses} {loading ? 'disabled:' - : ''} 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} /> @@ -88,9 +89,8 @@ {:else} <button {...shared_props} - on:click - {type} - class="{sizeClasses} {kindClasses} 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} /> |