technofab/svelte-oidc
1
0
Fork 0
mirror of https://github.com/TECHNOFAB11/svelte-oidc.git synced 2025-12-11 23:50:06 +01:00
Code Issues Projects Releases Packages Wiki Activity Actions

Update LogonButton to all customizable style designs

Browse source 
Added classes and styles attributes that allow the button to be styled by the developer.
This commit is contained in:
Chris Hickingbottom 2023-01-20 11:55:19 -06:00 • committed by GitHub
parent 0015f22752
commit a703572dc2
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
1 changed files with 3 additions and 1 deletions
Download patch file Download diff file Expand all files Collapse all files

4
src/components/LoginButton.svelte
View file

@ -9,6 +9,8 @@
const oidcPromise = getContext(OIDC_CONTEXT_CLIENT_PROMISE) const oidcPromise = getContext(OIDC_CONTEXT_CLIENT_PROMISE)
export let callback_url = getContext(OIDC_CONTEXT_REDIRECT_URI) export let callback_url = getContext(OIDC_CONTEXT_REDIRECT_URI)
export let preserveRoute export let preserveRoute
export let classes = ''
export let styles = ''
</script> </script>
<button class="btn" on:click|preventDefault='{() => login(oidcPromise, preserveRoute, callback_url) }'><slot></slot></button> <button class="btn {classes}" style="{styles}" on:click|preventDefault='{() => login(oidcPromise, preserveRoute, callback_url) }'><slot></slot></button>