Text

Fließtext und Hilfsstile für Body, Meta und Labels.

Wann nutzen

• Body-Text mit variant="body"
• Sekundäre Copy mit variant="muted"
• Labels, Captions, Overlines
• Eyebrow in Sections (overline)

Wann nicht

• Überschriften (dafür Heading)
• Interaktive Elemente (dafür Button)
• Status-Chips (dafür Badge)

Variants

Body text for paragraphs.

Muted secondary copy.

Small supporting text.

Label

Caption

Overline

Props

Prop	Typ	Default
variant	body | muted | small | label | caption | overline	body
as	p | span | div	p
class	string	—

Verwandte Komponenten

Heading · Badge · Hero v1

Anti-Patterns

• Kein Heading via as= simulieren
• muted nicht für lange Body-Texte als Ersatz für body
• Keine text-gray-*, nutze tw:text-text-muted

Usage

---
import Text from '@addxion/components/Text';
---

<Text variant="muted">Supporting description.</Text>
<Text variant="overline" as="span">Category</Text>

Truths

ID	Wahrheit
T-PKG-NEON	Consumer-Einstieg: @addxion/neon, nicht @addxion/core
T-NEON-FONTS	Keine Google Fonts, self-hosted Inter
T-NEON-BRAND	Markenwerte in Consumer brand.css

Für Agents

Scope: Neon Text-Komponente — API und Verwendung.

• Typografie-Stack aus Typografie
• Aus @addxion/neon/react importieren