Support the class attribute for hero action link buttons (#2253)

Co-authored-by: Chris Swithinbank <swithinbank@gmail.com>
withastro · Sep 2, 2024 · 72bc76a · 72bc76a
1 parent 746e0cd
commit 72bc76a
Show file tree

Hide file tree

Showing 2 changed files with 13 additions and 6 deletions.
diff --git a/.changeset/ten-rats-accept.md b/.changeset/ten-rats-accept.md
@@ -0,0 +1,5 @@
+---
+'@astrojs/starlight': patch
+---
+
+Fixes an issue preventing to use the `class` attribute in hero action link buttons.
diff --git a/packages/starlight/components/Hero.astro b/packages/starlight/components/Hero.astro
@@ -50,12 +50,14 @@ if (image) {
 		{
 			actions.length > 0 && (
 				<div class="sl-flex actions">
-					{actions.map(({ attrs, icon, link: href, text, variant }) => (
-						<LinkButton {href} {variant} icon={icon?.name} {...attrs}>
-							{text}
-							{icon?.html && <Fragment set:html={icon.html} />}
-						</LinkButton>
-					))}
+					{actions.map(
+						({ attrs: { class: className, ...attrs } = {}, icon, link: href, text, variant }) => (
+							<LinkButton {href} {variant} icon={icon?.name} class:list={[className]} {...attrs}>
+								{text}
+								{icon?.html && <Fragment set:html={icon.html} />}
+							</LinkButton>
+						)
+					)}
 				</div>
 			)
 		}