Qihan/MyBlog-Next
1
0
Fork 0
mirror of https://github.com/ChenQihan666/MyBlog-Next.git synced 2026-08-14 11:29:33 +08:00
Code Issues Packages Projects Releases Wiki Activity

refactor(a11y): update LinkButton for disabled state

Browse Source
This commit is contained in:
satnaing
2022-11-26 16:03:21 +06:30
parent 57c3f796d4
commit 9e92f71838
1 changed files with 5 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/components/LinkButton.astro
+5 -4
View File
@@ -4,19 +4,20 @@ export interface Props {
className?: string; className?: string;
ariaLabel?: string; ariaLabel?: string;
title?: string; title?: string;
tabindex?: string; disabled?: boolean;
} }
const { href, className, ariaLabel, title, tabindex } = Astro.props; const { href, className, ariaLabel, title, disabled = false } = Astro.props;
--- ---
<a <a
type="button" type="button"
href={href} href={disabled ? "#" : href}
tabindex={tabindex} tabindex={disabled ? "-1" : "0"}
class={`group ${className}`} class={`group ${className}`}
aria-label={ariaLabel} aria-label={ariaLabel}
title={title} title={title}
aria-disabled={disabled}
> >
<slot /> <slot />
</a> </a>