diff --git a/src/components/typography/Link.tsx b/src/components/typography/Link.tsx
new file mode 100644
index 0000000..15a3eb8
--- /dev/null
+++ b/src/components/typography/Link.tsx
@@ -0,0 +1,21 @@
+import React from "react";
+
+type Props = {
+  href?: string;
+  children: React.ReactNode;
+  disabled?: boolean;
+  className?: string;
+} & Omit<React.AnchorHTMLAttributes<HTMLAnchorElement>, "">;
+
+export default function Link({ href, children, disabled, ...props }: Props) {
+  return (
+    // eslint-disable-next-line jsx-a11y/anchor-is-valid
+    <a
+      href={disabled ? undefined : href}
+      aria-disabled={disabled}
+      {...props}
+    >
+      {children}
+    </a>
+  );
+}