mirror of
https://github.com/Ku6epXBOCTuK/easy-png-tools.git
synced 2026-09-14 21:46:35 +00:00
feat: add ui components
This commit is contained in:
@@ -0,0 +1,23 @@
|
||||
<script lang="ts">
|
||||
import { Download } from "@lucide/svelte";
|
||||
import Button from "./Button.svelte";
|
||||
|
||||
interface Props {
|
||||
label: string;
|
||||
size?: string;
|
||||
onclick?: () => void;
|
||||
}
|
||||
let { label, size, onclick }: Props = $props();
|
||||
</script>
|
||||
|
||||
<Button icon={Download} variant="primary" onclick={() => onclick?.()}>
|
||||
{label}{#if size}<span class="dl-size">{size}</span>{/if}
|
||||
</Button>
|
||||
|
||||
<style>
|
||||
.dl-size {
|
||||
font-family: var(--font-mono);
|
||||
font-size: 10px;
|
||||
opacity: 0.8;
|
||||
}
|
||||
</style>
|
||||
Reference in New Issue
Block a user