StatisticItem

apps/www/src/components/StatisticItem.astro · 20 lines · group Stats

Used by

posexpert.se / × 6history: commit d82a01f (2026-08-20)

Samples 1

posexpert.se/history: commit d82a01f (2026-08-20)shown inside <StatisticSection>

Key to smarter transactions

By implementing our POS development solutions, you can streamline your business operations, reduce transaction times, improve security, and boost sales.

Clients: >40
Point of Sales: >3000
SLA: 99,9%

MDX of this sample

<StatisticSection
  title="Key to smarter transactions"
  description="By implementing our POS development solutions, you can streamline your business operations, reduce transaction times, improve security, and boost sales."
>
  <StatisticItem coloredText=">40" title="Clients" />
  <StatisticItem coloredText=">3000" title="Point of Sales" />
  <StatisticItem coloredText="99,9%" title="SLA" />
</StatisticSection>

Props

Name	Type	Required	Default	Description
title	string	yes
coloredText	string	yes

Source apps/www/src/components/StatisticItem.astro @ gitt.one

---
interface Props {
  title: string;
  coloredText: string;
}

const { title, coloredText } = Astro.props;
---

<div
  class="flex flex-col border-b border-gray-100 p-6 text-center sm:border-0 sm:border-r"
>
  <dt class="order-2 mt-2 text-lg font-medium leading-6 text-gray-500">
    {title}
  </dt>
  <dd class="order-1 text-5xl font-extrabold text-primary-600">
    {coloredText}
  </dd>
</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.