ReVanced/revanced-website
1
0
Fork 0
mirror of https://github.com/ReVanced/revanced-website.git synced 2026-01-23 02:51:03 +00:00
Code Issues Packages Projects Releases Wiki Activity

refactor: Reduce repetition by adding icon arguments to Button

Browse Source
This commit is contained in:
Ushie
2024-12-22 03:19:02 +03:00
parent 2f24780f34
commit 24650c71a9
4 changed files with 15 additions and 13 deletions
Download Patch File Download Diff File Expand all files Collapse all files

5
src/lib/components/Button.svelte
View File

@@ -1,5 +1,8 @@
<script lang="ts">
export let type: 'filled' | 'tonal' | 'text' | 'outlined';
export let icon: any | undefined = undefined;
export let iconSize = 20;
export let iconColor = 'currentColor';
export let href: string = '';
export let target: string = '';
export let label: string = '';
@@ -7,10 +10,12 @@
{#if href}
<a {href} {target} class={`button-${type}`} aria-label={label}>
<svelte:component this={icon} size={iconSize} color={iconColor} />
<slot />
</a>
{:else}
<button on:click class={`button-${type}`} aria-label={label}>
<svelte:component this={icon} size={iconSize} color={iconColor} />
<slot />
</button>
{/if}