Design System
Playground Zur Vorlage

Komponenten · KartenFeature-Card

Komponente · 3 Varianten

Feature-Card

components/FeatureCard.astro

Icon, Titel, Text, optionaler Ghost-Link. 02 Zellen, 03 Kante, 05 Split. 01, 04 und 06 nicht aufgenommen. Nacht und Paper.

Props

Name Typ Default Notiz
variant "zellen" | "kante" | "split" "zellen" 02, 03, 05. 01, 04, 06 nicht aufgenommen.
surface "nacht" | "paper" "nacht" Pflicht-Paar.
icon IconId? "eid" Katalog. Default Mandat.
title string? —
text string? —
href string? — Setzt den Ghost-Link.
link string? "Mehr erfahren"
<FeatureCard variant="zellen" surface="nacht" href="/system" />
<FeatureCard variant="kante" surface="paper" />

02 · Zellen

Haarlinie, Icon oben

min-h-72. Kein Radius, kein Schatten.

Nacht

Mandat vor Fläche

Wir setzen das Werk, nicht die Kampagne. Eine Stimme, ein Slot, keine Folien.

Mehr erfahren

Paper

Mandat vor Fläche

Wir setzen das Werk, nicht die Kampagne. Eine Stimme, ein Slot, keine Folien.

Mehr erfahren

03 · Kante

Strich links

1px Granit. Icon sm.

Nacht

Mandat vor Fläche

Wir setzen das Werk, nicht die Kampagne. Eine Stimme, ein Slot, keine Folien.

Mehr erfahren

Paper

Mandat vor Fläche

Wir setzen das Werk, nicht die Kampagne. Eine Stimme, ein Slot, keine Folien.

Mehr erfahren

05 · Split

Icon links, Satz rechts

12 Spalten, 3 + 9.

Nacht

Mandat vor Fläche

Wir setzen das Werk, nicht die Kampagne. Eine Stimme, ein Slot, keine Folien.

Mehr erfahren

Paper

Mandat vor Fläche

Wir setzen das Werk, nicht die Kampagne. Eine Stimme, ein Slot, keine Folien.

Mehr erfahren