diff options
author | 2021-07-27 07:48:14 -0500 | |
---|---|---|
committer | 2021-07-27 08:48:14 -0400 | |
commit | 4591c1f5aded7da108f91ff06bd923149e3924b2 (patch) | |
tree | 6a758368f4dc8a56c2f7d572abb4715c9051e252 /examples/blog/src/components/BlogPost.astro | |
parent | 4b94fc9f2e3a78d16bf8e7202d9bf4a4448808ae (diff) | |
download | astro-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.astro | 4 |
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" /> |