Thinkport

Lorem ipsum

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

Brands

Auflistung von Brands

Die Brands-Komponente zeigt Logos von Partnern, Kunden oder Technologien an. Sie unterstützt sowohl Icons als auch Bilder und kann für verschiedene Zwecke wie Partner-Logos, Technologie-Stack oder Kunden-Referenzen verwendet werden.

Codebeispiel

<Brands
title="Lorem ipsum"
subtitle="Dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat."
tagline="Lorem ipsum"
icons={[
  { name: 'tabler:brand-linkedin', title: 'Lorem ipsum', description: 'Dolor sit amet, consetetur sadipscing elitr' },
  { name: 'tabler:brand-azure', title: 'Consetetur sadipscing', description: 'Elitr, sed diam nonumy eirmod tempor' },
  { name: 'tabler:brand-google', description: 'Sed diam nonumy eirmod tempor invidunt' }
]}
/>

Parameter

Bezeichner	Typ	Beschreibung	Default
title	string	Titel der Komponente
subtitle	string	Untertitel der Komponente
tagline	string	Tagline über dem Titel
icons	string[] \| object[]	Liste von Icon-Namen oder Objekten mit name, description und optional title	[]
images	object[]	Liste von Bildern mit src, alt und description Attributen	[]
isDark	boolean	Dunkles Design	false
classes	object	Zusätzliche CSS-Klassen	{}
bg	string	Hintergrundinhalt

Fragments

Bezeichner	Beschreibung	Default
default	Standardinhalt

Wiki-Dokumentation Quellcode