Thinkport

Dies ist ein Beispiel für mehrspaltigen Text. Die TextGrid-Komponente verwendet CSS Columns, um Text automatisch in mehrere Spalten aufzuteilen.

Der Text wird automatisch über die Spalten verteilt, ähnlich wie in einer Zeitung oder einem Magazin.

Sie können zwischen 2 und 6 Spalten wählen. Auf mobilen Geräten wird der Text immer in einer Spalte angezeigt.

TextGrid

Mehrspaltiges Text-Layout

Die TextGrid-Komponente zeigt Text in einem mehrspaltigen Grid-Layout an. Sie unterstützt 2-6 Spalten und verwendet CSS Columns für die Darstellung.

Codebeispiel

<TextGrid
title="Mehrspaltiger Text"
subtitle="Beispiel für TextGrid"
tagline="Layout"
count={2}
isDark={false}
>
<p>Dies ist ein Beispiel für mehrspaltigen Text. Die TextGrid-Komponente verwendet CSS Columns, um Text automatisch in mehrere Spalten aufzuteilen.</p>
<p>Der Text wird automatisch über die Spalten verteilt, ähnlich wie in einer Zeitung oder einem Magazin.</p>
</TextGrid>

Parameter

Bezeichner	Typ	Beschreibung	Default
title	string	Hauptüberschrift	-
subtitle	string	Untertitel	-
tagline	string	Tagline über dem Titel	-
id	string	Widget-ID für Anchors	-
isDark	boolean	Dunkles Theme	false
count	number	Anzahl der Spalten (2-6)	2
classes	object	CSS-Klassen-Overrides	{}
bg	string	Hintergrund-HTML (Slot)	-

Bezeichner

Typ

Beschreibung

Default

title

string

Hauptüberschrift

subtitle

string

Untertitel

tagline

string

Tagline über dem Titel

string

Widget-ID für Anchors

isDark

boolean

Dunkles Theme

false

count

number

Anzahl der Spalten (2-6)

classes

object

CSS-Klassen-Overrides

{}

string

Hintergrund-HTML (Slot)