fix: pass through rest props in ButtonLink
This commit is contained in:
@@ -6,7 +6,7 @@ interface Props extends HTMLAttributes<"a"> {
|
|||||||
external?: boolean | null | undefined;
|
external?: boolean | null | undefined;
|
||||||
}
|
}
|
||||||
|
|
||||||
const { class: className, external, href, target, title, rel } = Astro.props;
|
const { class: className, external, target, rel, ...rest } = Astro.props;
|
||||||
---
|
---
|
||||||
|
|
||||||
<a
|
<a
|
||||||
@@ -14,9 +14,7 @@ const { class: className, external, href, target, title, rel } = Astro.props;
|
|||||||
className,
|
className,
|
||||||
"flex min-w-full items-center justify-center gap-4 rounded px-6 py-2 text-lg outline-offset-2 sm:px-24",
|
"flex min-w-full items-center justify-center gap-4 rounded px-6 py-2 text-lg outline-offset-2 sm:px-24",
|
||||||
]}
|
]}
|
||||||
{href}
|
|
||||||
{title}
|
|
||||||
target={target ?? (external ? "_blank" : undefined)}
|
target={target ?? (external ? "_blank" : undefined)}
|
||||||
rel={rel ?? (external ? "external me nofollow noreferrer" : undefined)}
|
rel={rel ?? (external ? "external me nofollow noreferrer" : undefined)}
|
||||||
><slot name="logo" /><slot /></a
|
{...rest}><slot name="logo" /><slot /></a
|
||||||
>
|
>
|
||||||
|
|||||||
Reference in New Issue
Block a user