Thinkport

Lorem ipsum

Dolor sit amet, consetetur sadipscing elitr

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 et ea rebum.

Lorem ipsum dolor

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

Consetetur sadipscing

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

Sed diam nonumy

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

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, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing.

At vero eos

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

Features

Feature-Liste mit Icons

Die Features-Komponente zeigt eine Liste von Features mit Icons an. Sie eignet sich besonders für die Darstellung von Produktmerkmalen oder Dienstleistungen.

Codebeispiel

<Features
    title="Lorem ipsum dolor"
    subtitle="Sit amet, consetetur sadipscing elitr"
    tagline="Features"
    items={[
      {
        title: 'Lorem ipsum',
        description: 'Dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor.',
        icon: 'tabler:user-check'
      },
      {
        title: 'Consetetur sadipscing',
        description: 'Elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna.',
        icon: 'tabler:shield-check'
      }
    ]}
    isDark={false}
    classes={{
      container: 'custom-container-class'
    }}

  />

Parameter

Bezeichner	Typ	Beschreibung	Default
title	string	Titel der Komponente	-
subtitle	string	Untertitel der Komponente	-
tagline	string	Tagline über dem Titel	-
items	array	Liste von Elementen mit Titel, Beschreibung und optionalem Icon	[]
isDark	boolean	Dunkles Design	false
classes	object	Zusätzliche CSS-Klassen	{}

Wiki-Dokumentation Quellcode