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 LogoutButton 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:57:03 -06:00 • committed by GitHub
parent a703572dc2
commit 0b85df2619
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/LogoutButton.svelte
View file

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