Lorem ipsum

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

Consetetur sadipscing

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

Sed diam nonumy

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

Ut labore et dolore

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

Stet clita kasd

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

At vero eos

Et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.

Features3

Erweiterte Feature-Liste

Die Features3-Komponente bietet eine erweiterte Darstellung von Features mit zusätzlichen Optionen wie Bildern und Call-to-Action-Buttons.

Codebeispiel

<Features3
title="Lorem ipsum dolor"
subtitle="Sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat."
items={[{
title: 'Lorem ipsum',
description: 'Dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat.',
icon: 'tabler:headset',
image: { src: '~/assets/images/default.png', alt: 'Lorem ipsum' },
callToAction: { text: 'Lorem ipsum', href: '/support' },
}]}
/>

Parameter

BezeichnerTypBeschreibungDefault
titlestringTitel der Komponente-
subtitlestringUntertitel der Komponente-
taglinestringTagline über dem Titel-
itemsarrayListe von Features mit erweiterten Optionen[]
isDarkbooleanDunkles Designfalse
classesobjectZusätzliche CSS-Klassen{}
bgstringHintergrundinhalt

Fragments

BezeichnerBeschreibungDefault
defaultStandardinhalt