personal-website/src/lib/components/Link.svelte

10 lines
411 B
Svelte

<script lang="ts">
import type { HTMLAnchorAttributes } from 'svelte/elements'
type LinkProps = { children: any, href: string; target: HTMLAnchorAttributes['target']; title?: HTMLAnchorAttributes['title'] }
let { children, href, target, title }: LinkProps = $props()
</script>
<a class="text-cyan-200 hover:text-cyan-400 hover:border-b border-dotted" {href} {target} {title}>{@render children?.()}</a>