mirror of
https://github.com/kmc7468/arkvault.git
synced 2026-02-04 08:06:56 +00:00
IconEntryButton 컴포넌트 추가
This commit is contained in:
23
src/lib/components/molecules/IconEntryButton.svelte
Normal file
23
src/lib/components/molecules/IconEntryButton.svelte
Normal file
@@ -0,0 +1,23 @@
|
||||
<script lang="ts">
|
||||
import type { Component, Snippet } from "svelte";
|
||||
import type { ClassValue, SvelteHTMLElements } from "svelte/elements";
|
||||
import { EntryButton } from "$lib/components/atoms";
|
||||
import { IconLabel } from "$lib/components/molecules";
|
||||
|
||||
interface Props {
|
||||
children?: Snippet;
|
||||
class?: ClassValue;
|
||||
icon: Component<SvelteHTMLElements["svg"]>;
|
||||
iconClass?: ClassValue;
|
||||
onclick?: () => void;
|
||||
textClass?: ClassValue;
|
||||
}
|
||||
|
||||
let { children, icon, onclick, ...props }: Props = $props();
|
||||
</script>
|
||||
|
||||
<EntryButton {onclick} class={props.class}>
|
||||
<IconLabel {icon} class="h-full" iconClass={props.iconClass} textClass={props.textClass}>
|
||||
{@render children?.()}
|
||||
</IconLabel>
|
||||
</EntryButton>
|
||||
Reference in New Issue
Block a user