Containers & Layout
Drei Layout-Container für flexible Seitenlayouts und ein Bildmodul für großflächige Bilder. Container nehmen ausgewählte sinnvolle Module als Kinder auf und steuern deren Anordnung — nebeneinander, als Karten oder mit aufklappbarem Bereich. Das eröffnet zusätzliche Flexibilität und macht ganz neue Modulkombinationen und Layouts möglich.
Two-Column Container
Der Two-Column Container ist eine flexible Möglichkeit, vorhandene Module zu kombinieren und so mehr Kreation und Vielfalt auf der Seite zu schaffen. Zwei Spalten (links/rechts) können mit ausgewählten Modulen befüllt werden: Intro, Text, Partner List, Accordion, Two-Column (verschachtelt), Overview (Tabs), Column Image und Pricing.
Über das Feld Mobile Layout lässt sich steuern, welche Spalte auf mobilen Endgeräten zuerst erscheint. Im Standard wandert die linke Spalte nach oben (top). Mit der Option bottom rückt stattdessen die rechte Spalte nach oben — praktisch, wenn auf Mobile etwa ein Text- oder CTA-Block über dem Bild stehen soll, der Desktop-Aufbau aber gespiegelt bleiben muss.
Module kombinieren
Hier steht ein Intro-Modul in der linken Spalte neben einem Accordion rechts. So lassen sich erklärende Texte direkt neben interaktiven Inhalten platzieren.
Layout
Kombinationen
Overview kombiniert mit Two-Columns-Modul
Durch Kombination bestimmter zugelassener Module können leicht Modul-Variationen gebaut werden ohne die Shared Codebase unnötig aufzublähen.
Tailwind CSS 4
Native CSS Layers, schnellere Build-Zeiten.
Expandable Container
Teilt Inhalte in einen sichtbaren und einen aufklappbaren Bereich. Per Klick auf den Button wird der versteckte Inhalt ein- und ausgeklappt. Ideal um lange Seiten kompakter zu halten.
Event Modules
Das Event-System ist das umfangreichste Modul-Set in corekit. Zwei Display Types (Bento und Grid), Filter nach Kategorie und Standort, ein Featured-Modul für Highlights und redaktionelle Detailseiten mit Event Selected Detail.
20 Events weltweit, 4 Hauptkategorien mit Subkategorien und ein FAQ mit 13 Fragen. Die interaktive Location Map mit Google Maps ist inzwischen ein eigenständiges Modul und hat einen eigenes Modul.
Häufige Fragen zu Containers & Layout
Cards Container im Two-Column
Der Cards Container kann innerhalb eines Two-Column Containers eingesetzt werden. Damit lassen sich Accordion- oder FAQ-Inhalte als visuell abgesetzte Karten direkt neben erklärenden Texten oder Bildern kombinieren.