Files
MyBlog-Next/src/components/LinkButton.astro
T
satnaing 4c1b9c89f3 refactor: update LinkButton role type
Fix Subtype missing error on 'a' element.
2023-04-18 23:24:39 +06:30

29 lines
476 B
Plaintext

---
export interface Props {
href: string;
className?: string;
ariaLabel?: string;
title?: string;
disabled?: boolean;
}
const { href, className, ariaLabel, title, disabled = false } = Astro.props;
---
<a
href={disabled ? "#" : href}
tabindex={disabled ? "-1" : "0"}
class={`group inline-block ${className}`}
aria-label={ariaLabel}
title={title}
aria-disabled={disabled}
>
<slot />
</a>
<style>
a {
@apply hover:text-skin-accent;
}
</style>