Downloads
apps/www/src/sections/Downloads.astro · 23 lines · group Gallery & files
Downloads — a list of files to download (<DownloadItem>): certificates, specifications, protocols. A narrow column of attachment rows, not a grid.
In the fleet
Not used by any site yet.
Samples 1
MDX of this sample
<Downloads title="Documents" description="Everything a buyer or an inspector asks for.">
<DownloadItem title="Station N3 datasheet" href="/downloads/datasheet.pdf" />
<DownloadItem title="Mounting guide" href="/downloads/mounting.pdf" />
<DownloadItem title="Certificate of conformity" href="/downloads/certificate.pdf" />
<DownloadItem title="API reference" href="/downloads/api.pdf" linkText="Open" />
</Downloads>Props
| Name | Type | Required | Default | Description |
|---|---|---|---|---|
| id | string | |||
| title | string | |||
| description | string | |||
| theme | Theme | 'light' |
Source apps/www/src/sections/Downloads.astro @ gitt.one
---
/**
* Downloads — a list of files to download (<DownloadItem>): certificates,
* specifications, protocols. A narrow column of attachment rows, not a grid.
*/
import Section from './_Section.astro';
import type { Theme } from './_Section.astro';
interface Props {
id?: string;
title?: string;
description?: string;
theme?: Theme;
}
const { id, title, description, theme = 'light' } = Astro.props;
---
<Section id={id} title={title} description={description} theme={theme}>
<ul class="mx-auto max-w-3xl list-none space-y-1" data-variant="files">
<slot />
</ul>
</Section>Source links point to engine-astro@38c294d9. Samples are demo content: the components are the real ones, the copy and the pictures are made up.