ImageCardSection
apps/www/src/components/ImageCardSection.astro · 29 lines · group Misc
Used by
No site uses it, neither now nor in the content repos’ history.
Samples 1
Gallery
Photos with a caption and an optional link
Terminals
Payment terminals in the field
Cash register
Connected to a control unit
Model A
Product shot, not cropped
MDX of this sample
<ImageCardSection title="Gallery" description="Photos with a caption and an optional link">
<ImageCardItem title="Terminals" imageName="terminals.jpg" description="Payment terminals in the field" cover />
<ImageCardItem title="Cash register" imageName="cash_reg.jpg" description="Connected to a control unit" linkPath="/models/" cover />
<ImageCardItem title="Model A" imageName="red.jpg" description="Product shot, not cropped" />
</ImageCardSection>Props
| Name | Type | Required | Default | Description |
|---|---|---|---|---|
| title | string | |||
| description | string |
Source apps/www/src/components/ImageCardSection.astro @ gitt.one
---
interface Props {
title?: string;
description?: string;
}
const { title, description } = Astro.props;
---
<section class="mx-auto max-w-7xl px-4 py-16 sm:px-6 lg:px-8">
{
title && (
<h2 class="text-center text-3xl font-extrabold tracking-tight text-gray-900">
{title}
</h2>
)
}
{
description && (
<p class="mx-auto mt-4 max-w-3xl text-center text-lg text-gray-500">
{description}
</p>
)
}
<div class="mt-10 grid grid-cols-1 gap-8 sm:grid-cols-2 lg:grid-cols-3">
<slot />
</div>
</section>Source links point to engine-astro@e857a859. Samples are cut from the sites' own content by scripts/gallery-extract.mjs; nothing is merged or removed yet.