Skip to main content

New in: Services! 🚀

Showcase

News List Module

The CoreKit news system displays news as a carousel with configurable navigation, dots and autoplay. The News List loads records from the news folder and links to a generic detail page. 

Each news record includes a title, date, description, image, categories and a detail description (rich text). The category is displayed as a label on the news card.

Storybook Playground

FAQ

Frequently asked questions about the News module

Theme 1 switches on dark mode. The background changes to the project’s primary color. Controlled via design tokens, identical to the behavior of the event modules.

Yes. Like all corekit modules, an intro with headline, headline type, subline, introtext and alignment can be placed in front.

News is simpler in structure: no Bento/Grid layout, no display filters, no Featured module, no Selected Detail. The News List is always a carousel. Events have two display types, location/category filters, a Featured module and the option for editorial detail pages.

The News List currently has no frontend filters. Sorting is automatic by date (newest first). The number of cards displayed can be limited via Items to Display (max. 24, default 4).

Each news record can be assigned to one or more categories (e.g. Release, Feature, Infrastructure, Design). The category is shown as a label on the news card in the carousel. A frontend filter by category isn’t available at the moment.

Title, slug (URL segment), date, description (short text for the card), detail description (rich text for the detail page), image, categories and an optional detail link.

The detail page uses the News Detail plugin on a generic page. The respective news record is automatically loaded based on the URL slug, e.g. /news-detail/corekit-3-0-release. A single page is enough for all news articles.

The News List is rendered as a carousel (Card Carousel). The cards show title, date, description, category and optionally an image. Show Navigation, Show Dots and Autoplay control the carousel behavior.