update internal link in usage page (#55)

* update internal link in `usage` page * Update docs/src/pages/guides/usage.astro Co-authored-by: Nick Williams <WickyNilliams@users.noreply.github.com> * add `Link` component to `usage` page redirection * Update docs/src/components/Link.astro Co-authored-by: Nick Williams <WickyNilliams@users.noreply.github.com> --------- Co-authored-by: Nick Williams <WickyNilliams@users.noreply.github.com>
WickyNilliams · Jul 1, 2024 · 599194f · 599194f
1 parent d329fe2
commit 599194f
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 4 deletions.
diff --git a/docs/src/components/Link.astro b/docs/src/components/Link.astro
@@ -2,7 +2,7 @@
 import type { HTMLAttributes } from "astro/types";
 
 interface Props extends HTMLAttributes<"a"> {
-  href: `/${string}/` | "/";
+  href: "/" | `/${string}/` | `/${string}/#${string}`;
 }
 
 const { href, ...rest } = Astro.props;

diff --git a/docs/src/pages/guides/usage.astro b/docs/src/pages/guides/usage.astro
@@ -431,9 +431,8 @@ import Link from "../../components/Link.astro";
     is open or closed. Additionally, it might be helpful to communicate when a range
     selection has started and ended via a polite <code>aria-live</code> region. This
     could be achieved with the <code>rangestart</code> and <code>rangeend</code>
-    <a href="http://localhost:4321/cally/components/calendar-range/#events"
-      >events</a
-    >. We could also add a hint to the input via <code>aria-describedby</code> to
+    <Link href="/components/calendar-range/#events">events</Link>. 
+    We could also add a hint to the input via <code>aria-describedby</code> to
     describe the expected format for manual entry.
   </p>