Text - Docs - Artefact

Text

Typography

Rein darstellend

Einführung

Eine polymorphe Komponente zum Anzeigen von Fließtext, Absätzen oder Spans mit konsistenter Typografie.

Verwendung

This is a paragraph.

import { Text } from "../components/ui";

export default function MyPage() {
  return (
    <Text size="lg" class="muted">
      This is a paragraph.
    </Text>
  );
}

CMS-Seitenbauer

Diese Komponente ist als text-Block im Seitenbauer (content/pages/*.json) verfügbar:

{
  "type": "text",
  "content": "This is a paragraph.",
  "size": "lg"
}

Eigenschaften

Eigenschaft	Typ	Beschreibung
`children`	`any`	Der Text oder Inhalt.
`class`	`string`	Benutzerdefinierte CSS-Klassen.
`as`	`string`	Das zu rendernde HTML-Element (z. B. „p", „span"). Standardwert ist „p".
`size`	`string`	Die Schriftgrößenvariante.
`variant`	`string`	Typografische Stilvariante (z. B. „heading", „label").
`interactive`	`boolean`	Legt fest, ob die clientseitige Hydration aktiviert wird.