ModelItem
apps/www/src/components/ModelItem.astro · 75 lines · group Models (product catalog)
Used by
- skattedosan.se /en/models/ × 6
- skattedosan.se /models/ × 6history: commit 1396f74 (2026-08-18)
Live sites: skattedosan.se.
Samples 2
<ModelsSection>- Powered solely via USB, eliminating the need for an external power supply
- Compatible with serial connection for cash registers operating between 5-36 volts
- Alternatively, it can use an external power source if the serial connection lacks power
- Control units boast storage exceeding 32 million records, with memory capacities ranging from 8GB to 128GB
- Designed for connectivity to a central server, either locally or through the Internet, serving as a control unit for multiple cash registers
- Supports up to 9000 users
- Compact design with no external power supply, relying on USB power
- Offers 128GB memory, accommodating up to 500 million receipts
- Compact dimensions at 44x27x14mm
Buffering Unit
Designed for unreliable internet connections and multiple cash registers support
Read more- Fiscal data is transmitted to the server in real-time, ensuring duplication and storage on both the Buffering Unit and Control Server
- SD-card ensures fiscal data storage for at least 5 years
- Capable of offline operation for 48 hours
- The Tax Agency won't need to visit your POS for fiscal data retrieval
- Allows connection to local Wi-Fi
MDX of this sample
<ModelsSection>
<ModelItem
modelTitle=""
title="Model A"
description="For a single cash register"
modelPagePath="/en/models/model-a/"
linkText="Read more"
features={[
'Powered solely via USB, eliminating the need for an external power supply',
'Compatible with serial connection for cash registers operating between 5-36 volts',
'Alternatively, it can use an external power source if the serial connection lacks power',
'Control units boast storage exceeding 32 million records, with memory capacities ranging from 8GB to 128GB',
]}
imageName="red.jpg"
/>
<ModelItem
title="Model C"
description="For server and multiple cash registers"
modelPagePath="/en/models/model-c/"
linkText="Read more"
features={[
'Designed for connectivity to a central server, either locally or through the Internet, serving as a control unit for multiple cash registers',
'Supports up to 9000 users',
'Compact design with no external power supply, relying on USB power',
'Offers 128GB memory, accommodating up to 500 million receipts',
'Compact dimensions at 44x27x14mm',
]}
imageName="green.jpg"
/>
<ModelItem
title="Buffering Unit"
description="Designed for unreliable internet connections and multiple cash registers support"
modelPagePath="/en/models/buffering-unit/"
linkText="Read more"
features={[
'Fiscal data is transmitted to the server in real-time, ensuring duplication and storage on both the Buffering Unit and Control Server',
'SD-card ensures fiscal data storage for at least 5 years',
'Capable of offline operation for 48 hours',
'The Tax Agency won\'t need to visit your POS for fiscal data retrieval',
'Allows connection to local Wi-Fi',
]}
/>
</ModelsSection><ModelsSection>- Powered solely via USB, eliminating the need for an external power supply
- Compatible with serial connection for cash registers operating between 5-36 volts
- Alternatively, it can use an external power source if the serial connection lacks power
- Control units boast storage exceeding 32 million records, with memory capacities ranging from 8GB to 128GB
- Designed for connectivity to a central server, either locally or through the Internet, serving as a control unit for multiple cash registers
- Supports up to 9000 users
- Compact design with no external power supply, relying on USB power
- Offers 128GB memory, accommodating up to 500 million receipts
- Compact dimensions at 44x27x14mm
Buffering Unit
Designed for unreliable internet connections and multiple cash registers support
Read more- Fiscal data is transmitted to the server in real-time, ensuring duplication and storage on both the Buffering Unit and Control Server
- SD-card ensures fiscal data storage for at least 5 years
- Capable of offline operation for 48 hours
- The Tax Agency won't need to visit your POS for fiscal data retrieval
- Allows connection to local Wi-Fi
MDX of this sample
<ModelsSection>
<ModelItem
modelTitle=""
title="Model A"
description="For a single cash register"
modelPagePath="/en/models/model-a/"
linkText="Read more"
features={[
'Powered solely via USB, eliminating the need for an external power supply',
'Compatible with serial connection for cash registers operating between 5-36 volts',
'Alternatively, it can use an external power source if the serial connection lacks power',
'Control units boast storage exceeding 32 million records, with memory capacities ranging from 8GB to 128GB',
]}
imageName="red.jpg"
/>
<ModelItem
title="Model C"
description="For server and multiple cash registers"
modelPagePath="/en/models/model-c/"
linkText="Read more"
features={[
'Designed for connectivity to a central server, either locally or through the Internet, serving as a control unit for multiple cash registers',
'Supports up to 9000 users',
'Compact design with no external power supply, relying on USB power',
'Offers 128GB memory, accommodating up to 500 million receipts',
'Compact dimensions at 44x27x14mm',
]}
imageName="green.jpg"
/>
<ModelItem
title="Buffering Unit"
description="Designed for unreliable internet connections and multiple cash registers support"
modelPagePath="/en/models/buffering-unit/"
linkText="Read more"
features={[
'Fiscal data is transmitted to the server in real-time, ensuring duplication and storage on both the Buffering Unit and Control Server',
'SD-card ensures fiscal data storage for at least 5 years',
'Capable of offline operation for 48 hours',
'The Tax Agency won\'t need to visit your POS for fiscal data retrieval',
'Allows connection to local Wi-Fi',
]}
/>
</ModelsSection>Props
| Name | Type | Required | Default | Description |
|---|---|---|---|---|
| modelTitle | string | |||
| title | string | yes | ||
| description | string | yes | ||
| modelPagePath | string | yes | ||
| linkText | string | yes | ||
| features | string[] | yes | [] | |
| imageName | string |
Source apps/www/src/components/ModelItem.astro @ gitt.one
---
import { Image } from 'astro:assets';
import ChevronRight from 'astro-heroicons/outline/ChevronRight.astro';
import Check from 'astro-heroicons/solid/Check.astro';
import { resolveImage } from '../lib/images';
interface Props {
modelTitle?: string;
title: string;
description: string;
modelPagePath: string;
linkText: string;
features: string[];
imageName?: string;
}
const {
modelTitle,
title,
description,
modelPagePath,
linkText,
features = [],
imageName,
} = Astro.props;
const image = imageName ? await resolveImage(imageName) : undefined;
---
<div class="mt-8 border-t border-gray-200 pt-8 first:border-t-0 md:mt-12 md:pt-12 xl:grid xl:grid-cols-3 xl:gap-x-8">
<div>
{
modelTitle && (
<h2 class="text-base font-semibold tracking-wide text-primary-600 uppercase">
{modelTitle}
</h2>
)
}
<p class="mt-2 text-3xl font-extrabold text-[#06293d]">{title}</p>
<p class="mt-4 text-lg text-gray-500">{description}</p>
<a
href={modelPagePath}
class="mt-4 inline-flex items-center rounded-md border border-transparent bg-primary-500 px-4 py-2 text-sm font-medium text-white shadow-sm hover:bg-primary-600 focus:ring-2 focus:ring-primary-600 focus:ring-offset-2 focus:outline-none"
>
{linkText}{' '}
<ChevronRight class="h-6 w-6 flex-shrink-0 text-primary-300" aria-hidden="true" />
</a>
</div>
<div class="mt-4 md:mt-10 md:grid md:grid-cols-2 md:gap-x-8 xl:col-span-2 xl:mt-0">
{
features.length > 0 && (
<ul class="divide-y divide-gray-200">
{features.slice(0, 5).map((feature, featureIdx) => (
<li class={featureIdx === 0 ? 'flex py-4 md:py-0 md:pb-4' : 'flex py-4'}>
<Check class="h-6 w-6 flex-shrink-0 text-green-500" aria-hidden="true" />
<span class="ml-3 text-base text-gray-500">{feature}</span>
</li>
))}
</ul>
)
}
<div class="mt-4 md:mt-0">
{
image && (
<Image
src={image}
alt={title}
widths={[400, 840]}
class="h-full max-h-80 w-full object-cover object-center"
/>
)
}
</div>
</div>
</div>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.