Skip to main content
Our new developer certification is live!

AdditionalItemsSection

Renders FAQ and Related Items from additional_items. Excludes notice blocks (handled by NoticesSection). Shared by Blog, Guide, LiveStream, and Kickstart.

Props

PropTypeRequiredDefaultDescription
itemsAdditionalItemWithContent[]Yes-additional_items from CMS entry

AdditionalItemWithContent

interface AdditionalItemWithContent {
  uid?: string;
  notice?: unknown;
  faq?: FaqType;
  related_items?: ListType;
  $?: {
    faq?: CSLPFieldMapping;
    related_items?: CSLPFieldMapping;
  };
}

Usage

import { AdditionalItemsSection } from '@/components/organisms/AdditionalItemsSection';

<AdditionalItemsSection items={entry.additional_items} />

Features

  • FAQ blocks: Renders FAQ molecule when item has faq with qas
  • Related items: Renders List organism when item has related_items
  • Combined blocks: Item with both FAQ and Related Items renders both
  • Excludes notices: Items with only notice are filtered out (NoticesSection handles those)
  • CSLP support: Passes item.$?.faq and item.$?.related_items for visual editing

Notes

  • Returns null if no items have FAQ or Related Items
  • Uses noPadding on List for consistent spacing
  • Renders after main content on content pages