Files
website-astro-stefanimhoff.de/src/components/MoreLink.astro
2024-09-11 17:02:01 +02:00

23 lines
533 B
Plaintext

---
// Cspell:words astro
import { ArrowRight } from './icons';
import TextLink from './TextLink.astro';
interface Props {
href: string;
text: string;
}
const { href, text, ...props } = Astro.props;
---
<TextLink class="group" href={href} {...props}>
{text}
<span class="more-icon relative inline-flex mis-[0.2em] block-start-[0.2em]">
<ArrowRight
aria-hidden="true"
class="icon h-icon w-icon transition-transform duration-500 ease-in-out group-hover:translate-x-1 group-focus:translate-x-1"
/>
</span>
</TextLink>