diff options
| author |  Vin E. R. Yap <82420632+vineryap@users.noreply.github.com>
| 2021-12-23 00:52:24 +0900 |
|---|---|---|
| committer |  GitHub <noreply@github.com>
| 2021-12-22 10:52:24 -0500 |
| commit | aac1d4e18d5ba3a948f623cd172303b85b2f3fec (patch) | |
| tree | e3a7d7b8ce3738c2fd4d81c44ae2250df998af53 /examples/cms-prismic/src/components/BlogCard.astro | |
| parent | 3f08b459558925961d3f967c5567d8e3a07cc1e1 (diff) | |
| download | astro-aac1d4e18d5ba3a948f623cd172303b85b2f3fec.tar.gz astro-aac1d4e18d5ba3a948f623cd172303b85b2f3fec.tar.zst astro-aac1d4e18d5ba3a948f623cd172303b85b2f3fec.zip | |
added prismic x astro example. (#2247)
Diffstat (limited to 'examples/cms-prismic/src/components/BlogCard.astro')
| -rw-r--r-- | examples/cms-prismic/src/components/BlogCard.astro | 21 |
1 files changed, 21 insertions, 0 deletions
diff --git a/examples/cms-prismic/src/components/BlogCard.astro b/examples/cms-prismic/src/components/BlogCard.astro new file mode 100644 index 000000000..1f175f98f --- /dev/null +++ b/examples/cms-prismic/src/components/BlogCard.astro @@ -0,0 +1,21 @@ +--- +import AsText from './Prismic/AsText.astro' +import Date from './Prismic/Date.astro' +import Excerpt from './Prismic/Excerpt.astro' + +const { data } = Astro.props +const { uid, first_publication_date, data: postData } = data +--- +<section class="box"> + <a href={`/blog/${uid}`} class="image featured"><img src={postData.image.url} alt={postData.image.alt} style="max-height: 250px; object-fit: cover; object-position: 50% 65%;" /></a> + <header> + <h3><AsText data={postData.title}/></h3> + <p><Date dateRaw={first_publication_date}/></p> + </header> + <p><Excerpt data={postData.content}/></p> + <footer> + <ul class="actions"> + <li><a href={`/blog/${uid}`} class="button icon solid fa-file-alt">Continue Reading</a></li> + </ul> + </footer> +</section> |