Lorem ipsum

Dolor sit amet, consetetur sadipscing elitr

Sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua.

Lorem ipsum dolor

Sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat.

Mehr erfahren

Consetetur sadipscing

Elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua.

Mehr erfahren

Sed diam nonumy

Eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam.

Mehr erfahren

Ut labore et dolore

Magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum.

Mehr erfahren

Stet clita kasd

Gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet, consetetur sadipscing elitr.

Mehr erfahren

At vero eos

Et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est.

Mehr erfahren

FeatureCards

Feature-Karten im Grid

Die FeatureCards-Komponente zeigt Features in einem Grid aus Karten mit Icon, Titel, Beschreibung und optionalem Link an.

Codebeispiel

<FeatureCards
tagline="Lorem ipsum"
title="Dolor sit amet, consetetur sadipscing elitr"
subtitle="Sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua."
items={[
{
title: "Lorem ipsum dolor",
description: "Sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat.",
icon: "tabler:cloud",
href: "/lorem"
},
{
title: "Consetetur sadipscing",
description: "Elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua.",
icon: "tabler:bolt",
href: "/ipsum"
}
]}
/>

Parameter

BezeichnerTypBeschreibungDefault
titlestringHauptüberschrift-
subtitlestringUnterüberschrift-
taglinestringKleine Überschrift über dem Titel-
itemsarrayArray von Feature-Karten mit title, description, icon, href[]