summaryrefslogtreecommitdiff
path: root/examples/blog/src/components/BlogPost.astro
diff options
context:
space:
mode:
authorGravatar Michael Stramel <stramel@users.noreply.github.com> 2021-07-27 07:48:14 -0500
committerGravatar GitHub <noreply@github.com> 2021-07-27 08:48:14 -0400
commit4591c1f5aded7da108f91ff06bd923149e3924b2 (patch)
tree6a758368f4dc8a56c2f7d572abb4715c9051e252 /examples/blog/src/components/BlogPost.astro
parent4b94fc9f2e3a78d16bf8e7202d9bf4a4448808ae (diff)
downloadastro-4591c1f5aded7da108f91ff06bd923149e3924b2.tar.gz
astro-4591c1f5aded7da108f91ff06bd923149e3924b2.tar.zst
astro-4591c1f5aded7da108f91ff06bd923149e3924b2.zip
Add an alt tag for the hero image in the blog example (#868)
* Add an alt tag for the hero image * pass along * Create heavy-pumas-cross.md
Diffstat (limited to 'examples/blog/src/components/BlogPost.astro')
-rw-r--r--examples/blog/src/components/BlogPost.astro4
1 files changed, 2 insertions, 2 deletions
diff --git a/examples/blog/src/components/BlogPost.astro b/examples/blog/src/components/BlogPost.astro
index 22fd74645..65eed099d 100644
--- a/examples/blog/src/components/BlogPost.astro
+++ b/examples/blog/src/components/BlogPost.astro
@@ -8,14 +8,14 @@ export interface Props {
heroImage: string;
}
-const { title, author, publishDate, heroImage } = Astro.props;
+const { title, author, publishDate, heroImage, alt } = Astro.props;
---
<div class="layout">
<article class="content">
<div>
<header>
- {heroImage && <img width="720" height="420" class="hero-image" loading="lazy" src={heroImage} />}
+ {heroImage && <img width="720" height="420" class="hero-image" loading="lazy" src={heroImage} alt={alt} />}
<p class="publish-date">{publishDate}</p>
<h1 class="title">{title}</h1>
<Author name="@FredKSchott" href="https://twitter.com/FredKSchott" />