Astro components
Cards
Components for displaying content items like blogs, integrations, and stories.
A collection of specific card components used to display content from content collections.
Blog Card
Displays a blog post preview.
Usage
---
import BlogCard from '@/components/cards/BlogCard.astro';
---
// post object from astro:content collection
<BlogCard post={post} />Props
| Prop | Type | Description |
|---|---|---|
post | CollectionEntry<'blog'> | The blog post data object. |
index | number | Optional index to control eager image loading (first 3). |
Integration Card
Displays an integration item.
Usage
---
import IntegrationCard from '@/components/cards/IntegrationCard.astro';
---
// integration object from collection
<IntegrationCard integration={integration} />Props
| Prop | Type | Description |
|---|---|---|
integration | CollectionEntry<'integrations'> | The integration data object. |
Stories Card
Displays a customer story.
Usage
---
import StoriesCard from '@/components/cards/StoriesCard.astro';
---
// story object from collection
<StoriesCard story={story} withImage />Props
| Prop | Type | Default | Description |
|---|---|---|---|
story | CollectionEntry<'customerStories'> | The story data object. | |
withImage | boolean | false | Whether to display the featured image. |