+234 Design System

Widget mapping table

All 62 current component files and what each becomes. The reference list behind the rendered examples.

The rendered versions are on Where the widgets go. This is the full list, including the article, shared and data components that have no homepage widget to show.

maps becomes something that already exists   new needed a component built for it   keeps no visual output, stays as it is   drops it goes

Homepage widgets

ComponentOutcomeBecomes
NewsFeedmapsStory thumb, plus Tabs and Pagination
FeaturedCardsmapsStory, card variant
CategorySpotlightmapsStory plus a section heading
TopStoriesSidebarmapsStory, compact variant
OriginalsStripmapsStrip
TrendingTopicsmapsStory compact plus Tag
TrendingSocialmapsTabs plus Directory rows
FXTeasermapsTile
MessagingChannelsmapsShare with a different label
SidebarFootermapsFooter
ExploreCategoriesnewLink grid
MarketsWidgetnewTicker
DailyBriefBannernewBanner
QuickAccessBannernewBanner, or Link grid where it is really navigation
AmazonPicksnewPoster in a Strip, labelled as commercial
MoviesClientnewPoster in a Strip
HomepageClientpatternA page composition. See Section front

Article and shared

ComponentOutcomeBecomes
HeadermapsMasthead plus Sub-nav
SiteFooter
ConditionalFooter
mapsFooter. One footer on every page
PageLayout
PageHero
mapsPage hero
GoDeepermapsNext step
CoverageLabelmapsCoverage
SourceBadgemapsMeta source, or Logo
BookmarkButton
FollowButton
FollowSourceButton
mapsToggle. Three become one
ArticleShareStripmapsShare
NewsletterInlineCTA
ArticleSubscribeInline
mapsSubscribe
AdSenseUnit
PageAds
mapsAd slot, budget of two per article
Skeleton
PageSkeletons
elections/PageSkeleton
mapsSkeleton. Three become one
RouteProgressmapsRoute progress
ContactForm
TermsCheckbox
mapsField
StockLogomapsLogo
ConsentBanner
PushPromptBanner
newBanner. Consent is the sticky variant
LinkedTextkeepsLogic, not presentation. Renders into Prose
ThemeProvider
PageTracker
AuthBootstrap
ToolPageSEO
CloudflareTurnstile
keepsNo visual output. Out of scope
MobileStickyAddropsMobile is 64 per cent of search traffic and the article is a 147 word summary

Data and domain

ComponentOutcomeBecomes
prices/Parts
StatCard, TrendBlock, PricesNav, Attribution
mapsTile, Chart, Sub-nav, and the Chart source line
PriceTrendChart
SeriesTrend
StockPriceChart
mapsChart, using the validated series palette
maps/NigeriaMap
elections/SeatMap
NationalSeatMap
mapsMap
charts/HemicyclemapsHemicycle
elections/Results
DeclarationFeed
TicketList
mapsResults list
elections/StatePicker
StocksDirectory
mapsDirectory
reps/MemberBits
Avatar, PartyBadge
mapsAvatar, plus the party abbreviation from Results list
elections/SeatCodekeepsA formatter, not a component

The four that go, and why

Deliberately not covered

The API documentation, the webhook docs and the MCP pages. They are developer surfaces with their own needs. They should use the foundations, colour, type and space, and stop there.