Skip to main content
Our new developer certification is live!

NoticesSection

Renders notice items from additional_items. Shared by Blog, Guide, LiveStream, and Kickstart. Filters out items without a notice block.

Props

PropTypeRequiredDefaultDescription
itemsArray<{ uid?: string; notice?: Notice; $?: { notice?: CSLPFieldMapping } }>Yes-additional_items from CMS entry

Usage

import NoticesSection from '@/components/molecules/NoticesSection';

<NoticesSection items={entry.additional_items ?? []} />

Features

  • Notice extraction: Filters items to only those with a notice block
  • Notice molecule: Delegates to Notice for rendering
  • CSLP support: Passes item.$?.notice to Notice for visual editing
  • Key handling: Uses item.uid or fallback index for React keys

Notes

  • Returns null if no items have notices
  • Excludes FAQ and Related Items (handled by AdditionalItemsSection)
  • Renders before main content on content pages