Skip to canvas
Search for components
/
docs
A11y-Testing-Cross-Device
Code-Reviews
GPG-Signing-Guide
JavaScript-Bundling-Strategy
Media-Player-Guide
Project-Board-Guide
Recommended-Tools
Rendering-Ads
Simorgh-Release-Info
Test-Strategy-Info
Troubleshooting
ux
Coding Standards
Clean code
General
Migrating Legacy Components
Naming conventions
React Components
Styles
Testing
Storybook
Simorgh structure
src directory
legacy directory
components directory
integration directory
testHelpers directory
hooks
useClickTracker
useImageColour
useOptimizelyScrollDepth
useOptimizelyVariation
useToggle
useViewTracker
cypress
Ad Hoc Tests
Third Party Tests
components
Grid
, Component Health, missing.
Media Message
, Component Health, missing.
Media Player
, Component Health, missing.
Radio Schedule
scrollable promo component
, Component Health, missing.
Byline
, Component Health, missing.
Call To Action Link
, Component Health, missing.
Embed Error
, Component Health, missing.
Embed HTML
, Component Health, missing.
Embed Images
, Component Health, missing.
Embed Optimo
, Component Health, missing.
OptimoPromos
Uploader
, Component Health, complete.
HealthFactors
ColorList
, Component Health, complete.
Color Card White
Skip to canvas
Containers
Article
Brand
, Component Health, missing.
Bulletin
, Component Health, missing.
Byline
, Component Health, missing.
Consent Banner
, Component Health, missing.
Copyright
, Component Health, missing.
MAP Media Player
, Component Health, missing.
CPS Features & Analysis
, Component Health, missing.
CPS Recommendations
, Component Health, missing.
CPS Table
, Component Health, missing.
CPS Top Stories
, Component Health, missing.
Episode List
Faux Headline
, Component Health, missing.
Footer
, Component Health, missing.
Front Page Story Row
, Component Health, missing.
Gist
, Component Health, missing.
Header
, Component Health, missing.
Heading
, Component Health, missing.
Image within grid
, Component Health, missing.
Image with Placeholder
, Component Health, missing.
Index Heading
, Component Health, missing.
Front Page Section
, Component Health, missing.
Inline Link
, Component Health, missing.
Media Player
, Component Health, missing.
Most Watched
, Component Health, missing.
Navigation
, Component Health, missing.
Podcast External Links
, Component Health, missing.
Podcast Promo
, Component Health, missing.
Radio Schedule
, Component Health, missing.
Related Topics
, Component Health, missing.
Social Embed
Story Promo
, Component Health, missing.
Visually Hidden Headline
, Component Health, missing.
New Components
Curation
Disclaimer
Frosted Glass Promo
, Component Health, missing.
Heading
, Component Health, missing.
Image
, Component Health, missing.
InlineLink
, Component Health, missing.
MessageBanner
, Component Health, missing.
Most Read
, Component Health, incomplete.
Paragraph
, Component Health, missing.
Text
, Component Health, missing.
VisuallyHiddenText
, Component Health, incomplete.
LivePageHeader
, Component Health, incomplete.
Pages
Article Page
, Component Health, missing.
Error Page
, Component Health, missing.
Feature Idx Page
, Component Health, missing.
Front Page
, Component Health, missing.
Home Page
, Component Health, missing.
Radio Page
, Component Health, missing.
Media Article Page
, Component Health, missing.
Media Asset Page
, Component Health, missing.
Most Read Page
, Component Health, missing.
OnDemand Radio Page
, Component Health, missing.
OnDemand TV Page
, Component Health, missing.
Photo Gallery Page
, Component Health, missing.
Story Page
, Component Health, missing.
Live Page
, Component Health, missing.
Topic
Pager
, Component Health, missing.
Page
, Component Health, missing.
Recently opened
ColorList
components
Back to components
ESC
Clear history
Canvas
Docs
Skip to sidebar
Knobs
Accessibility
Controls
Design
No knobs found
Learn how to
dynamically interact with components