Files
ui/packages/ui/src/lib/components/IconButton/IconButton.svelte
T
2025-10-28 14:24:59 -04:00

14 lines
504 B
Svelte

<script lang="ts">
import Button from '$lib/internal/Button.svelte';
import Icon from '$lib/components/Icon/Icon.svelte';
import type { IconButtonProps } from '$lib/types.js';
const { icon, flipped, flopped, title, 'aria-label': ariaLabel, ...buttonProps }: IconButtonProps = $props();
const buttonTitle = $derived(title || ariaLabel);
</script>
<Button icon {...buttonProps} title={buttonTitle} aria-label={ariaLabel}>
<Icon {icon} {flipped} {flopped} size="60%" aria-hidden />
</Button>