Container

Zentrierter Layout-Wrapper mit max-width und horizontalem Padding.

Wann nutzen

• Seiten- und Section-Inhalte horizontal begrenzen
• Standard-Content mit size="md" (max-w-5xl)
• Schmale Textspalten mit size="sm"

Wann nicht

• Inhalte mit Rahmen gruppieren (dafür Card)
• Full-bleed ohne Breitenlimit (Section direkt nutzen)

Sizes

size=“sm” (max-w-3xl)

size=“md” (max-w-5xl, Default)

Props

Prop	Typ	Default
size	sm | md | lg | full	md
class	string	—

Verwandte Komponenten

Card · Hero v1

Anti-Patterns

• Keine verschachtelten Container ohne Grund
• size="full" nicht mit zusätzlichem max-w-* in class
• Keine rohen px-* statt Neon-Spacing-Pattern

Usage

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

<Container size="lg">
  <slot />
</Container>

Truths

ID	Wahrheit
T-PKG-NEON	Consumer-Einstieg: @addxion/neon, nicht @addxion/core
T-NEON-BRAND	Markenwerte in Consumer brand.css

Für Agents

Scope: Neon Container-Komponente — API und Verwendung.

• Aus @addxion/neon/react importieren
• Spacing aus Token-System