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): add aria-hidden in horizontal divider (<hr />)

Browse Source
This commit is contained in:
satnaing
2022-11-26 20:09:37 +06:30
parent 4ae0a9c722
commit 5a67afc6b2
1 changed files with 3 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/components/Hr.astro
+3 -2
View File
@@ -1,11 +1,12 @@
--- ---
export interface Props { export interface Props {
noPadding?: boolean; noPadding?: boolean;
ariaHidden?: boolean;
} }
const { noPadding = false } = Astro.props; const { noPadding = false, ariaHidden = true } = Astro.props;
--- ---
<div class={`max-w-3xl mx-auto ${noPadding ? "px-0" : "px-4"}`}> <div class={`max-w-3xl mx-auto ${noPadding ? "px-0" : "px-4"}`}>
<hr class="border-skin-line" /> <hr class="border-skin-line" aria-hidden={ariaHidden} />
</div> </div>