Gitt One Pages
Open menu

HighlightItem

apps/www/src/components/HighlightItem.astro · 28 lines · group Features & lists

Used by

Live sites: skattedosan.se.

Samples 4

skattedosan.se/en/models/model-a/shown inside <HighlightsSection>

Highlights

Cloud server

Connect your equipment to the Skattedosan control unit through our Cloud Server service.

Local server

Alternatively, you can use Skattedosan (Model C) with your own local server.

Bluetooth-connection

 Skattedosan can also connect to a mobile cash register via Bluetooth.

MDX of this sample
import CloudIcon from 'astro-heroicons/solid/Cloud.astro';
import ServerIcon from 'astro-heroicons/solid/Server.astro';
import WifiIcon from 'astro-heroicons/solid/Wifi.astro';

<HighlightsSection title="Highlights">
    <HighlightItem
      name="Cloud server"
      description="Connect your equipment to the Skattedosan control unit through our Cloud Server service."
      IconImg={CloudIcon}
    />
    <HighlightItem
      name="Local server"
      description="Alternatively, you can use Skattedosan (Model C) with your own local server."
      IconImg={ServerIcon}
    />
    <HighlightItem
      name="Bluetooth-connection"
      description=" Skattedosan can also connect to a mobile cash register via Bluetooth."
      IconImg={WifiIcon}
    />
  </HighlightsSection>
skattedosan.se/en/models/model-c/shown inside <HighlightsSection>

Highlights

Cloud server

You can also connect your equipment to the Skattedosan control unit through our Cloud Server service.

Local server

You can also use Skattedosan (Model C) with your own local server.

Bluetooth-connection

Skattedosan can be connected to a mobile cash register via Bluetooth.

MDX of this sample
import CloudIcon from 'astro-heroicons/solid/Cloud.astro';
import ServerIcon from 'astro-heroicons/solid/Server.astro';
import WifiIcon from 'astro-heroicons/solid/Wifi.astro';

<HighlightsSection title="Highlights">
    <HighlightItem
      name="Cloud server"
      description="You can also connect your equipment to the Skattedosan control unit through our Cloud Server service."
      IconImg={CloudIcon}
    />
    <HighlightItem
      name="Local server"
      description="You can also use Skattedosan (Model C) with your own local server."
      IconImg={ServerIcon}
    />
    <HighlightItem
      name="Bluetooth-connection"
      description="Skattedosan can be connected to a mobile cash register via Bluetooth."
      IconImg={WifiIcon}
    />
  </HighlightsSection>
skattedosan.se/models/model-a/history: commit 1396f74 (2026-08-18)shown inside <HighlightsSection>

Highlights

Cloud server

Connect your equipment to the Skattedosan control unit through our Cloud Server service.

Local server

Alternatively, you can use Skattedosan (Model C) with your own local server.

Bluetooth-connection

 Skattedosan can also connect to a mobile cash register via Bluetooth.

MDX of this sample
import CloudIcon from 'astro-heroicons/solid/Cloud.astro';
import ServerIcon from 'astro-heroicons/solid/Server.astro';
import WifiIcon from 'astro-heroicons/solid/Wifi.astro';

<HighlightsSection title="Highlights">
    <HighlightItem
      name="Cloud server"
      description="Connect your equipment to the Skattedosan control unit through our Cloud Server service."
      IconImg={CloudIcon}
    />
    <HighlightItem
      name="Local server"
      description="Alternatively, you can use Skattedosan (Model C) with your own local server."
      IconImg={ServerIcon}
    />
    <HighlightItem
      name="Bluetooth-connection"
      description=" Skattedosan can also connect to a mobile cash register via Bluetooth."
      IconImg={WifiIcon}
    />
  </HighlightsSection>
skattedosan.se/models/model-c/history: commit 1396f74 (2026-08-18)shown inside <HighlightsSection>

Highlights

Cloud server

You can also connect your equipment to the Skattedosan control unit through our Cloud Server service.

Local server

You can also use Skattedosan (Model C) with your own local server.

Bluetooth-connection

Skattedosan can be connected to a mobile cash register via Bluetooth.

MDX of this sample
import CloudIcon from 'astro-heroicons/solid/Cloud.astro';
import ServerIcon from 'astro-heroicons/solid/Server.astro';
import WifiIcon from 'astro-heroicons/solid/Wifi.astro';

<HighlightsSection title="Highlights">
    <HighlightItem
      name="Cloud server"
      description="You can also connect your equipment to the Skattedosan control unit through our Cloud Server service."
      IconImg={CloudIcon}
    />
    <HighlightItem
      name="Local server"
      description="You can also use Skattedosan (Model C) with your own local server."
      IconImg={ServerIcon}
    />
    <HighlightItem
      name="Bluetooth-connection"
      description="Skattedosan can be connected to a mobile cash register via Bluetooth."
      IconImg={WifiIcon}
    />
  </HighlightsSection>

Props

NameTypeRequiredDefaultDescription
namestringyes
IconImgany
descriptionstringyes

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

---
interface Props {
  name: string;
  IconImg?: any;
  description: string;
}

const { name, IconImg, description } = Astro.props;
---

<div class="pt-6">
  <div class="flow-root bg-gray-50 rounded-lg px-4 pb-6">
    <div class="-mt-6">
      <div>
        <span
          class="inline-flex items-center justify-center p-3 bg-gray-600 rounded-md shadow-lg"
        >
          {IconImg && <IconImg class="h-6 w-6 text-white" aria-hidden="true" />}
        </span>
      </div>
      <h3 class="mt-8 text-lg font-medium text-gray-900 tracking-tight">
        {name}
      </h3>
      <p class="mt-5 text-base text-gray-500">{description}</p>
    </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.