Section
Container voor pagina secties met configureerbare achtergrond, spacing en breedte.
Achtergrond varianten
background="primary" Standaard witte achtergrond voor de meeste content secties.
background="secondary" Lichte grijze achtergrond voor visuele scheiding tussen secties.
background="tertiary" Donkerdere variant voor extra contrast.
background="inverse" Donkere achtergrond met lichte tekst voor impact.
Verticale spacing
sm
spacing="sm" 48px - Voor compacte secties
md
spacing="md" 64px - Medium spacing
lg
spacing="lg" 96px - Standaard (default)
xl
spacing="xl" 128px - Extra ruimte voor impact
Container breedtes
prose
container="prose" 680px - Voor lange tekst en artikelen
content
container="content" 960px - Voor content met afbeeldingen
wide
container="wide" 1200px - Standaard pagina breedte
full
container="full" 100% - Full-width met padding
Component Props
| Prop | Type | Default | Description |
|---|---|---|---|
background | 'primary' | 'secondary' | 'tertiary' | 'inverse' | 'primary' | Achtergrond kleur van de sectie |
spacing | 'sm' | 'md' | 'lg' | 'xl' | 'lg' | Verticale padding boven en onder |
container | 'prose' | 'content' | 'wide' | 'full' | 'wide' | Maximale breedte van de content |