Design System
Playground Zur Vorlage

Komponenten · KartenService-Card

Komponente · 3 Varianten

Service-Card

components/ServiceCard.astro

Bild oder Icon, Titel, Kurztext, Pfeil-Link. 03 Bild, 04 Zellen, 06 Pfeil. 01, 02 und 05 nicht aufgenommen. Nacht und Paper.

Props

Name Typ Default Notiz
variant "bild" | "zellen" | "pfeil" "bild" 03, 04, 06. 01, 02, 05 nicht aufgenommen.
surface "nacht" | "paper" "nacht" Pflicht-Paar.
icon IconId? "marke" Nur Zellen und Pfeil.
image string? — Nur 03 Bild.
title string? —
text string? —
href string? "/system"
link string? "Zur Leistung"
<ServiceCard variant="bild" surface="nacht" />
<ServiceCard variant="pfeil" surface="paper" />

03 · Bild

Werk oben, Satz darunter

16:9. Pfeil als Ghost.

Nacht

Corporate Design

Zeichen, Fläche, Satz. Ein System, das das Werk trägt.

Zur Leistung

Paper

Corporate Design

Zeichen, Fläche, Satz. Ein System, das das Werk trägt.

Zur Leistung

04 · Zellen

Haarlinie, Icon oben

Icon, Pflicht-Link.

Nacht

Corporate Design

Zeichen, Fläche, Satz. Ein System, das das Werk trägt.

Zur Leistung

Paper

Corporate Design

Zeichen, Fläche, Satz. Ein System, das das Werk trägt.

Zur Leistung

06 · Pfeil

Icon-only Secondary rechts

Die Handlung ist der Kreis-Pfeil.

Nacht

Corporate Design

Zeichen, Fläche, Satz. Ein System, das das Werk trägt.

Paper

Corporate Design

Zeichen, Fläche, Satz. Ein System, das das Werk trägt.