Generation Script: This file is generated from script(s):
Purpose: Generated inventory of governed component exports from docs-guide/component-registry.json and docs-guide/component-usage-map.json.
Run when: Component governance metadata, registry output, or usage-map output changes.
Important: Do not manually edit this file; run
tools/scripts/generate-docs-guide-components-index.js. Purpose: Generated inventory of governed component exports from docs-guide/component-registry.json and docs-guide/component-usage-map.json.
Run when: Component governance metadata, registry output, or usage-map output changes.
Important: Do not manually edit this file; run
node tools/scripts/generate-docs-guide-components-index.js --fix. Summary
| Category | Exports | Stable | Experimental | Deprecated | Broken | Placeholder |
|---|---|---|---|---|---|---|
| Primitives | 30 | 29 | 0 | 1 | 0 | 0 |
| Layout | 31 | 31 | 0 | 0 | 0 | 0 |
| Content | 24 | 23 | 0 | 1 | 0 | 0 |
| Data | 17 | 16 | 1 | 0 | 0 | 0 |
| Page Structure | 25 | 25 | 0 | 0 | 0 | 0 |
| Total | 127 | 124 | 1 | 2 | 0 | 0 |
primitives
| Component | File | Tier | Status | Description | Import path |
|---|---|---|---|---|---|
| AccordionTitleWithArrow | /snippets/components/elements/text/Text.jsx | primitive | stable | Accordion Title With Arrow primitive used in authored documentation and component-library examples. | /snippets/components/elements/text/Text.jsx |
| BasicBtn | /snippets/components/elements/buttons/Buttons.jsx | primitive | stable | Basic Btn primitive used in authored documentation and component-library examples. | /snippets/components/elements/buttons/Buttons.jsx |
| BlinkingIcon | /snippets/components/elements/links/Links.jsx | primitive | stable | Displays an icon with a smooth blinking animation (fades between full and 30% opacity). | /snippets/components/elements/links/Links.jsx |
| BlinkingTerminal | /snippets/components/elements/links/Links.jsx | primitive | deprecated | Blinking Terminal primitive used in authored documentation and component-library examples. | /snippets/components/elements/links/Links.jsx |
| CardTitleTextWithArrow | /snippets/components/elements/text/Text.jsx | primitive | stable | Card Title Text With Arrow primitive used in authored documentation and component-library examples. | /snippets/components/elements/text/Text.jsx |
| ComingSoonCallout | /snippets/components/elements/callouts/PreviewCallouts.jsx | primitive | stable | Renders the coming soon callout component | /snippets/components/elements/callouts/PreviewCallouts.jsx |
| CopyText | /snippets/components/elements/text/Text.jsx | primitive | stable | Copy Text primitive used in authored documentation and component-library examples. | /snippets/components/elements/text/Text.jsx |
| CustomCallout | /snippets/components/elements/links/Links.jsx | primitive | stable | Displays a styled callout box with an icon and custom colors. | /snippets/components/elements/links/Links.jsx |
| CustomCardTitle | /snippets/components/elements/text/CustomCardTitle.jsx | primitive | stable | Renders the custom card title component | /snippets/components/elements/text/CustomCardTitle.jsx |
| CustomDivider | /snippets/components/elements/spacing/Divider.jsx | primitive | stable | Custom Divider primitive used in authored documentation and component-library examples. | /snippets/components/elements/spacing/Divider.jsx |
| DoubleIconLink | /snippets/components/elements/links/Links.jsx | primitive | stable | Displays a link with an icon on the left and right, plus optional text prefix. | /snippets/components/elements/links/Links.jsx |
| DownloadButton | /snippets/components/elements/buttons/Buttons.jsx | primitive | stable | Download Button primitive used in authored documentation and component-library examples. | /snippets/components/elements/buttons/Buttons.jsx |
| FocusableScrollRegions | /snippets/components/elements/a11y/A11y.jsx | primitive | stable | Focusable Scroll Regions primitive used in authored documentation and component-library examples. | /snippets/components/elements/a11y/A11y.jsx |
| GotoCard | /snippets/components/elements/links/Links.jsx | primitive | stable | Wraps content in a Card component with a link, icon, and optional CTA. | /snippets/components/elements/links/Links.jsx |
| GotoLink | /snippets/components/elements/links/Links.jsx | primitive | stable | Displays a link with an icon, typically used for internal navigation. | /snippets/components/elements/links/Links.jsx |
| Image | /snippets/components/elements/images/Image.jsx | primitive | stable | Image primitive used in authored documentation and component-library examples. | /snippets/components/elements/images/Image.jsx |
| LinkArrow | /snippets/components/elements/links/Links.jsx | primitive | stable | Link Arrow primitive used in authored documentation and component-library examples. | /snippets/components/elements/links/Links.jsx |
| LinkImage | /snippets/components/elements/images/Image.jsx | primitive | stable | Link Image primitive used in authored documentation and component-library examples. | /snippets/components/elements/images/Image.jsx |
| LivepeerIcon | /snippets/components/elements/icons/Icons.jsx | primitive | stable | Livepeer Icon primitive used in authored documentation and component-library examples. | /snippets/components/elements/icons/Icons.jsx |
| LivepeerIconFlipped | /snippets/components/elements/icons/Icons.jsx | primitive | stable | Livepeer Icon Flipped primitive used in authored documentation and component-library examples. | /snippets/components/elements/icons/Icons.jsx |
| LivepeerIconOld | /snippets/components/elements/icons/Icons.jsx | primitive | stable | Livepeer Icon Old primitive used in authored documentation and component-library examples. | /snippets/components/elements/icons/Icons.jsx |
| LivepeerSVG | /snippets/components/elements/icons/Icons.jsx | primitive | stable | Livepeer SVG primitive used in authored documentation and component-library examples. | /snippets/components/elements/icons/Icons.jsx |
| MathBlock | /snippets/components/elements/math/Math.jsx | primitive | stable | Math Block primitive used in authored documentation and component-library examples. | /snippets/components/elements/math/Math.jsx |
| MathInline | /snippets/components/elements/math/Math.jsx | primitive | stable | Math Inline primitive used in authored documentation and component-library examples. | /snippets/components/elements/math/Math.jsx |
| PreviewCallout | /snippets/components/elements/callouts/PreviewCallouts.jsx | primitive | stable | Renders the preview callout component | /snippets/components/elements/callouts/PreviewCallouts.jsx |
| ReviewCallout | /snippets/components/elements/callouts/PreviewCallouts.jsx | primitive | stable | Renders the review callout component | /snippets/components/elements/callouts/PreviewCallouts.jsx |
| SocialLinks | /snippets/components/elements/social/SocialLinks.jsx | primitive | stable | Renders the social links component | /snippets/components/elements/social/SocialLinks.jsx |
| Spacer | /snippets/components/elements/spacing/Spacer.jsx | primitive | stable | Provides consistent spacing without requiring inline styles or empty divs in MDX files | /snippets/components/elements/spacing/Spacer.jsx |
| Subtitle | /snippets/components/elements/text/Text.jsx | primitive | stable | Subtitle primitive used in authored documentation and component-library examples. | /snippets/components/elements/text/Text.jsx |
| TipWithArrow | /snippets/components/elements/links/Links.jsx | primitive | stable | Similar to CustomCallout but includes an arrow icon in the top-right corner. | /snippets/components/elements/links/Links.jsx |
layout
| Component | File | Tier | Status | Description | Import path |
|---|---|---|---|---|---|
| AccordionGroupList | /snippets/components/wrappers/accordions/AccordionGroupList.jsx | composite | stable | Renders a configurable number of empty accordion sections for scaffold examples. | /snippets/components/wrappers/accordions/AccordionGroupList.jsx |
| AccordionLayout | /snippets/components/wrappers/accordions/AccordionLayout.jsx | composite | stable | Accordion Layout layout component for arranging documentation content without MDX inline styles. | /snippets/components/wrappers/accordions/AccordionLayout.jsx |
| BasicList | /snippets/components/wrappers/lists/Lists.jsx | composite | stable | Basic List layout component for arranging documentation content without MDX inline styles. | /snippets/components/wrappers/lists/Lists.jsx |
| BorderedBox | /snippets/components/wrappers/containers/Containers.jsx | composite | stable | Bordered Box layout component for arranging documentation content without MDX inline styles. | /snippets/components/wrappers/containers/Containers.jsx |
| CardCarousel | /snippets/components/wrappers/grids/CardCarousel.jsx | composite | stable | Card Carousel layout component for arranging documentation content without MDX inline styles. | /snippets/components/wrappers/grids/CardCarousel.jsx |
| CenteredContainer | /snippets/components/wrappers/containers/Containers.jsx | composite | stable | Centered Container layout component for arranging documentation content without MDX inline styles. | /snippets/components/wrappers/containers/Containers.jsx |
| DisplayCard | /snippets/components/wrappers/cards/CustomCards.jsx | composite | stable | -------- | /snippets/components/wrappers/cards/CustomCards.jsx |
| DynamicTable | /snippets/components/wrappers/tables/Table.jsx | composite | stable | Dynamic Table layout component for arranging documentation content without MDX inline styles. | /snippets/components/wrappers/tables/Table.jsx |
| FlexContainer | /snippets/components/wrappers/containers/Layout.jsx | composite | stable | Flex Container layout component for arranging documentation content without MDX inline styles. | /snippets/components/wrappers/containers/Layout.jsx |
| FullWidthContainer | /snippets/components/wrappers/containers/Containers.jsx | composite | stable | Full Width Container layout component for arranging documentation content without MDX inline styles. | /snippets/components/wrappers/containers/Containers.jsx |
| GridContainer | /snippets/components/wrappers/containers/Layout.jsx | composite | stable | Grid Container layout component for arranging documentation content without MDX inline styles. | /snippets/components/wrappers/containers/Layout.jsx |
| IconList | /snippets/components/wrappers/lists/Lists.jsx | composite | stable | Icon List layout component for arranging documentation content without MDX inline styles. | /snippets/components/wrappers/lists/Lists.jsx |
| InlineImageCard | /snippets/components/wrappers/cards/CustomCards.jsx | composite | stable | Renders the inline image card component | /snippets/components/wrappers/cards/CustomCards.jsx |
| InteractiveCard | /snippets/components/wrappers/cards/ShowcaseCards.jsx | composite | stable | Interactive Card layout component for arranging documentation content without MDX inline styles. | /snippets/components/wrappers/cards/ShowcaseCards.jsx |
| InteractiveCards | /snippets/components/wrappers/cards/ShowcaseCards.jsx | composite | stable | Interactive Cards layout component for arranging documentation content without MDX inline styles. | /snippets/components/wrappers/cards/ShowcaseCards.jsx |
| ListSteps | /snippets/components/wrappers/lists/ListSteps.jsx | composite | stable | List Steps layout component for arranging documentation content without MDX inline styles. | /snippets/components/wrappers/lists/ListSteps.jsx |
| QuadGrid | /snippets/components/wrappers/grids/QuadGrid.jsx | composite | stable | Quad Grid layout component for arranging documentation content without MDX inline styles. | /snippets/components/wrappers/grids/QuadGrid.jsx |
| ScrollBox | /snippets/components/wrappers/containers/ScrollBox.jsx | composite | stable | Scroll Box layout component for arranging documentation content without MDX inline styles. | /snippets/components/wrappers/containers/ScrollBox.jsx |
| SearchTable | /snippets/components/wrappers/tables/SearchTable.jsx | composite | stable | Search Table layout component for arranging documentation content without MDX inline styles. | /snippets/components/wrappers/tables/SearchTable.jsx |
| ShowcaseCards | /snippets/components/wrappers/cards/ShowcaseCards.jsx | composite | stable | Showcase Cards layout component for arranging documentation content without MDX inline styles. | /snippets/components/wrappers/cards/ShowcaseCards.jsx |
| Spacer | /snippets/components/wrappers/containers/Layout.jsx | composite | stable | Spacer layout component for arranging documentation content without MDX inline styles. | /snippets/components/wrappers/containers/Layout.jsx |
| StepLinkList | /snippets/components/wrappers/lists/Lists.jsx | composite | stable | Step Link List layout component for arranging documentation content without MDX inline styles. | /snippets/components/wrappers/lists/Lists.jsx |
| StepList | /snippets/components/wrappers/lists/Lists.jsx | composite | stable | Step List layout component for arranging documentation content without MDX inline styles. | /snippets/components/wrappers/lists/Lists.jsx |
| StyledStep | /snippets/components/wrappers/steps/Steps.jsx | composite | stable | Styled Step layout component for arranging documentation content without MDX inline styles. | /snippets/components/wrappers/steps/Steps.jsx |
| StyledSteps | /snippets/components/wrappers/steps/Steps.jsx | composite | stable | Styled Steps layout component for arranging documentation content without MDX inline styles. | /snippets/components/wrappers/steps/Steps.jsx |
| StyledTable | /snippets/components/wrappers/tables/Tables.jsx | composite | stable | Styled Table layout component for arranging documentation content without MDX inline styles. | /snippets/components/wrappers/tables/Tables.jsx |
| TableCell | /snippets/components/wrappers/tables/Tables.jsx | composite | stable | Table Cell layout component for arranging documentation content without MDX inline styles. | /snippets/components/wrappers/tables/Tables.jsx |
| TableRow | /snippets/components/wrappers/tables/Tables.jsx | composite | stable | Table Row layout component for arranging documentation content without MDX inline styles. | /snippets/components/wrappers/tables/Tables.jsx |
| UpdateLinkList | /snippets/components/wrappers/lists/Lists.jsx | composite | stable | Update Link List layout component for arranging documentation content without MDX inline styles. | /snippets/components/wrappers/lists/Lists.jsx |
| UpdateList | /snippets/components/wrappers/lists/Lists.jsx | composite | stable | Update List layout component for arranging documentation content without MDX inline styles. | /snippets/components/wrappers/lists/Lists.jsx |
| WidthCard | /snippets/components/wrappers/cards/CustomCards.jsx | composite | stable | Renders the width card component | /snippets/components/wrappers/cards/CustomCards.jsx |
content
| Component | File | Tier | Status | Description | Import path |
|---|---|---|---|---|---|
| CardVideo | /snippets/components/displays/video/Video.jsx | composite | stable | Card Video content component for rendering reader-facing documentation content. | /snippets/components/displays/video/Video.jsx |
| CodeComponent | /snippets/components/displays/code/Code.jsx | composite | stable | Code Component content component for rendering reader-facing documentation content. | /snippets/components/displays/code/Code.jsx |
| CodeSection | /snippets/components/displays/code/Code.jsx | composite | stable | Thin wrapper that maps a fields object into the complex code block renderer. | /snippets/components/displays/code/Code.jsx |
| ComplexCodeBlock | /snippets/components/displays/code/Code.jsx | composite | stable | Complex Code Block content component for rendering reader-facing documentation content. | /snippets/components/displays/code/Code.jsx |
| CustomCodeBlock | /snippets/components/displays/code/Code.jsx | composite | stable | Custom Code Block content component for rendering reader-facing documentation content. | /snippets/components/displays/code/Code.jsx |
| CustomResponseField | /snippets/components/displays/response-fields/ResponseField.jsx | composite | stable | Renders the custom response field component | /snippets/components/displays/response-fields/ResponseField.jsx |
| EmbedMarkdown | /snippets/components/integrators/embeds/DataEmbed.jsx | composite | stable | Embed Markdown content component for rendering reader-facing documentation content. | /snippets/components/integrators/embeds/DataEmbed.jsx |
| ExternalContent | /snippets/components/integrators/embeds/ExternalContent.jsx | composite | stable | External Content content component for rendering reader-facing documentation content. | /snippets/components/integrators/embeds/ExternalContent.jsx |
| FrameQuote | /snippets/components/displays/quotes/Quote.jsx | composite | stable | Frame Quote content component for rendering reader-facing documentation content. | /snippets/components/displays/quotes/Quote.jsx |
| LinkedInEmbed | /snippets/components/displays/video/Video.jsx | composite | stable | Linked In Embed content component for rendering reader-facing documentation content. | /snippets/components/displays/video/Video.jsx |
| MarkdownEmbed | /snippets/components/integrators/embeds/DataEmbed.jsx | composite | stable | Markdown Embed content component for rendering reader-facing documentation content. | /snippets/components/integrators/embeds/DataEmbed.jsx |
| Quote | /snippets/components/displays/quotes/Quote.jsx | composite | stable | Quote content component for rendering reader-facing documentation content. | /snippets/components/displays/quotes/Quote.jsx |
| ResponseFieldAccordion | /snippets/components/displays/response-fields/ResponseField.jsx | composite | stable | Renders the response field accordion component | /snippets/components/displays/response-fields/ResponseField.jsx |
| ResponseFieldExpandable | /snippets/components/displays/response-fields/ResponseField.jsx | composite | stable | Renders the response field expandable component | /snippets/components/displays/response-fields/ResponseField.jsx |
| ResponseFieldGroup | /snippets/components/displays/response-fields/ResponseField.jsx | composite | stable | Renders the response field group component | /snippets/components/displays/response-fields/ResponseField.jsx |
| ScrollableDiagram | /snippets/components/displays/diagrams/ZoomableDiagram.jsx | composite | stable | ────────────────────────────────────────────────────────────── | /snippets/components/displays/diagrams/ZoomableDiagram.jsx |
| ShowcaseVideo | /snippets/components/displays/video/Video.jsx | composite | stable | Showcase Video content component for rendering reader-facing documentation content. | /snippets/components/displays/video/Video.jsx |
| TitledVideo | /snippets/components/displays/video/Video.jsx | composite | stable | Titled Video content component for rendering reader-facing documentation content. | /snippets/components/displays/video/Video.jsx |
| TwitterTimeline | /snippets/components/integrators/embeds/DataEmbed.jsx | composite | stable | Twitter Timeline content component for rendering reader-facing documentation content. | /snippets/components/integrators/embeds/DataEmbed.jsx |
| ValueResponseField | /snippets/components/displays/response-fields/ResponseField.jsx | composite | stable | CustomResponseField - ResponseField wrapper that hides the bottom divider | /snippets/components/displays/response-fields/ResponseField.jsx |
| Video | /snippets/components/displays/video/Video.jsx | composite | stable | Video content component for rendering reader-facing documentation content. | /snippets/components/displays/video/Video.jsx |
| YouTubeVideo | /snippets/components/displays/video/Video.jsx | composite | stable | You Tube Video content component for rendering reader-facing documentation content. | /snippets/components/displays/video/Video.jsx |
| YouTubeVideoData | /snippets/components/displays/video/Video.jsx | composite | stable | You Tube Video Data content component for rendering reader-facing documentation content. | /snippets/components/displays/video/Video.jsx |
| YouTubeVideoDownload | /snippets/components/displays/video/Video.jsx | composite | deprecated | You Tube Video Download content component for rendering reader-facing documentation content. | /snippets/components/displays/video/Video.jsx |
data
| Component | File | Tier | Status | Description | Import path |
|---|---|---|---|---|---|
| BlogCard | /snippets/components/integrators/blog/Data.jsx | composite | stable | Blog Card data-driven component for rendering automated or API-backed documentation content. | /snippets/components/integrators/blog/Data.jsx |
| BlogDataLayout | /snippets/components/integrators/blog/Data.jsx | composite | stable | Blog Data Layout data-driven component for rendering automated or API-backed documentation content. | /snippets/components/integrators/blog/Data.jsx |
| CardBlogDataLayout | /snippets/components/integrators/blog/Data.jsx | composite | stable | Card Blog Data Layout data-driven component for rendering automated or API-backed documentation content. | /snippets/components/integrators/blog/Data.jsx |
| CardColumnsPostLayout | /snippets/components/integrators/blog/Data.jsx | composite | stable | Card Columns Post Layout data-driven component for rendering automated or API-backed documentation content. | /snippets/components/integrators/blog/Data.jsx |
| CardInCardLayout | /snippets/components/integrators/blog/Data.jsx | composite | stable | Card In Card Layout data-driven component for rendering automated or API-backed documentation content. | /snippets/components/integrators/blog/Data.jsx |
| CoinGeckoExchanges | /snippets/components/integrators/feeds/Coingecko.jsx | composite | stable | Fetches and displays exchange availability for a token from the CoinGecko API. | /snippets/components/integrators/feeds/Coingecko.jsx |
| ColumnsBlogCardLayout | /snippets/components/integrators/blog/Data.jsx | composite | stable | Columns Blog Card Layout data-driven component for rendering automated or API-backed documentation content. | /snippets/components/integrators/blog/Data.jsx |
| DiscordAnnouncements | /snippets/components/integrators/blog/Data.jsx | composite | stable | Discord Announcements data-driven component for rendering automated or API-backed documentation content. | /snippets/components/integrators/blog/Data.jsx |
| ForumLatestLayout | /snippets/components/integrators/blog/Data.jsx | composite | stable | Forum Latest Layout data-driven component for rendering automated or API-backed documentation content. | /snippets/components/integrators/blog/Data.jsx |
| LatestVersion | /snippets/components/integrators/feeds/Release.jsx | composite | stable | Displays the latest release version value supplied by the release-version workflow. | /snippets/components/integrators/feeds/Release.jsx |
| LumaEvents | /snippets/components/integrators/blog/Data.jsx | composite | stable | Luma Events data-driven component for rendering automated or API-backed documentation content. | /snippets/components/integrators/blog/Data.jsx |
| MarkdownEmbed | /snippets/components/integrators/embeds/DataEmbed.jsx | pattern | stable | Dynamically fetches markdown content from a remote URL and renders it. Uses React hooks to manage the fetch lifecycle | /snippets/components/integrators/embeds/DataEmbed.jsx |
| PdfEmbed | /snippets/components/integrators/embeds/DataEmbed.jsx | pattern | stable | Wraps an iframe in a Mintlify Frame so long-form external documents can be embedded with a caption and responsive width | /snippets/components/integrators/embeds/DataEmbed.jsx |
| PostCard | /snippets/components/integrators/blog/Data.jsx | composite | stable | Post Card data-driven component for rendering automated or API-backed documentation content. | /snippets/components/integrators/blog/Data.jsx |
| ShowcaseCards | /snippets/components/integrators/feeds/ShowcaseCards.jsx | pattern | experimental | Renders the showcase cards component | /snippets/components/integrators/feeds/ShowcaseCards.jsx |
| TwitterTimeline | /snippets/components/integrators/embeds/DataEmbed.jsx | pattern | stable | Renders the twitter timeline component | /snippets/components/integrators/embeds/DataEmbed.jsx |
| YouTubeVideoData | /snippets/components/integrators/video-data/VideoData.jsx | pattern | stable | YouTubeVideoData - Renders YouTube videos from youtubeData.jsx format | /snippets/components/integrators/video-data/VideoData.jsx |
page-structure
| Component | File | Tier | Status | Description | Import path |
|---|---|---|---|---|---|
| CustomCardTitle | /snippets/components/wrappers/cards/CustomCards.jsx | pattern | stable | Custom Card Title page-structure component for frame-mode and portal layout scaffolding. | /snippets/components/wrappers/cards/CustomCards.jsx |
| DisplayCard | /snippets/components/wrappers/cards/CustomCards.jsx | pattern | stable | Display Card page-structure component for frame-mode and portal layout scaffolding. | /snippets/components/wrappers/cards/CustomCards.jsx |
| Divider | /snippets/components/scaffolding/frame-mode/FrameMode.jsx | pattern | stable | Renders a horizontal rule (---) with proper styling for frame mode. | /snippets/components/scaffolding/frame-mode/FrameMode.jsx |
| H1 | /snippets/components/scaffolding/frame-mode/FrameMode.jsx | pattern | stable | H1 page-structure component for frame-mode and portal layout scaffolding. | /snippets/components/scaffolding/frame-mode/FrameMode.jsx |
| H2 | /snippets/components/scaffolding/frame-mode/FrameMode.jsx | pattern | stable | H2 - Custom H2 heading component for frame mode | /snippets/components/scaffolding/frame-mode/FrameMode.jsx |
| H3 | /snippets/components/scaffolding/frame-mode/FrameMode.jsx | pattern | stable | H3 - Custom H3 heading component for frame mode | /snippets/components/scaffolding/frame-mode/FrameMode.jsx |
| H4 | /snippets/components/scaffolding/frame-mode/FrameMode.jsx | pattern | stable | H4 - Custom H4 heading component for frame mode | /snippets/components/scaffolding/frame-mode/FrameMode.jsx |
| H5 | /snippets/components/scaffolding/frame-mode/FrameMode.jsx | pattern | stable | H5 - Custom H5 heading component for frame mode | /snippets/components/scaffolding/frame-mode/FrameMode.jsx |
| H6 | /snippets/components/scaffolding/frame-mode/FrameMode.jsx | pattern | stable | H6 - Custom H6 heading component for frame mode | /snippets/components/scaffolding/frame-mode/FrameMode.jsx |
| HeroContentContainer | /snippets/components/scaffolding/portals/Portals.jsx | pattern | stable | Centered frame-mode container for hero content stacked over hero backgrounds. | /snippets/components/scaffolding/portals/Portals.jsx |
| HeroImageBackgroundComponent | /snippets/components/scaffolding/portals/Portals.jsx | pattern | stable | Absolute-positioned hero background wrapper used behind portal hero content. | /snippets/components/scaffolding/portals/Portals.jsx |
| HeroOverviewContent | /snippets/components/scaffolding/portals/Portals.jsx | pattern | stable | Centered hero overview wrapper for introductory portal copy blocks. | /snippets/components/scaffolding/portals/Portals.jsx |
| HeroSectionContainer | /snippets/components/scaffolding/portals/Portals.jsx | pattern | stable | Outer frame-mode hero section wrapper for portal layouts. | /snippets/components/scaffolding/portals/Portals.jsx |
| InlineImageCard | /snippets/components/wrappers/cards/CustomCards.jsx | pattern | stable | Inline Image Card page-structure component for frame-mode and portal layout scaffolding. | /snippets/components/wrappers/cards/CustomCards.jsx |
| LogoHeroContainer | /snippets/components/scaffolding/portals/Portals.jsx | pattern | stable | Portal hero logo wrapper that centers a themed brand asset above hero content. | /snippets/components/scaffolding/portals/Portals.jsx |
| MermaidColours | /snippets/components/config/MermaidColours.jsx | pattern | stable | Centralised colour definitions for Mermaid diagrams. Mermaid requires literal colour values and does not support CSS custom properties. | /snippets/components/config/MermaidColours.jsx |
| P | /snippets/components/scaffolding/frame-mode/FrameMode.jsx | pattern | stable | P - Custom paragraph component for frame mode | /snippets/components/scaffolding/frame-mode/FrameMode.jsx |
| PageHeader | /snippets/components/scaffolding/frame-mode/FrameMode.jsx | pattern | stable | H1 - Custom H1 heading component for frame mode | /snippets/components/scaffolding/frame-mode/FrameMode.jsx |
| PortalCardsHeader | /snippets/components/scaffolding/portals/Portals.jsx | pattern | stable | Header wrapper for portal card groups and section intros. | /snippets/components/scaffolding/portals/Portals.jsx |
| PortalContentContainer | /snippets/components/scaffolding/portals/Portals.jsx | pattern | stable | Frame-mode content wrapper for portal body sections. | /snippets/components/scaffolding/portals/Portals.jsx |
| PortalHeroContent | /snippets/components/scaffolding/portals/Portals.jsx | pattern | stable | Hero scaffold for portal landing pages with title, subtitle, supporting content, and optional callouts. | /snippets/components/scaffolding/portals/Portals.jsx |
| PortalSectionHeader | /snippets/components/scaffolding/portals/Portals.jsx | pattern | stable | Section heading wrapper for portal subsections with optional icon treatment. | /snippets/components/scaffolding/portals/Portals.jsx |
| RefCardContainer | /snippets/components/scaffolding/portals/Portals.jsx | pattern | stable | Container for portal reference cards and related CTA blocks. | /snippets/components/scaffolding/portals/Portals.jsx |
| Starfield | /snippets/components/scaffolding/heroes/HeroGif.jsx | pattern | stable | Renders the starfield component | /snippets/components/scaffolding/heroes/HeroGif.jsx |
| WidthCard | /snippets/components/wrappers/cards/CustomCards.jsx | pattern | stable | Width Card page-structure component for frame-mode and portal layout scaffolding. | /snippets/components/wrappers/cards/CustomCards.jsx |
Deprecated Components
| Component | File | Replacement | Deprecation note |
|---|---|---|---|
| YouTubeVideoDownload | /snippets/components/displays/video/Video.jsx | YouTubeVideo | YouTubeVideoDownload is deprecated and should not be used for new content. |
| BlinkingTerminal | /snippets/components/elements/links/Links.jsx | BlinkingIcon | BlinkingTerminal is deprecated and should not be used for new content. |
Orphaned Components
| Component | Category | File | Status | Description |
|---|---|---|---|---|
| EmbedMarkdown | content | /snippets/components/integrators/embeds/DataEmbed.jsx | stable | Embed Markdown content component for rendering reader-facing documentation content. |
| LinkedInEmbed | content | /snippets/components/displays/video/Video.jsx | stable | Linked In Embed content component for rendering reader-facing documentation content. |
| MarkdownEmbed | content | /snippets/components/integrators/embeds/DataEmbed.jsx | stable | Markdown Embed content component for rendering reader-facing documentation content. |
| ResponseFieldGroup | content | /snippets/components/displays/response-fields/ResponseField.jsx | stable | Renders the response field group component |
| BlogDataLayout | data | /snippets/components/integrators/blog/Data.jsx | stable | Blog Data Layout data-driven component for rendering automated or API-backed documentation content. |
| CardInCardLayout | data | /snippets/components/integrators/blog/Data.jsx | stable | Card In Card Layout data-driven component for rendering automated or API-backed documentation content. |
| MarkdownEmbed | data | /snippets/components/integrators/embeds/DataEmbed.jsx | stable | Dynamically fetches markdown content from a remote URL and renders it. Uses React hooks to manage the fetch lifecycle |
| AccordionGroupList | layout | /snippets/components/wrappers/accordions/AccordionGroupList.jsx | stable | Renders a configurable number of empty accordion sections for scaffold examples. |
| CardCarousel | layout | /snippets/components/wrappers/grids/CardCarousel.jsx | stable | Card Carousel layout component for arranging documentation content without MDX inline styles. |
| FullWidthContainer | layout | /snippets/components/wrappers/containers/Containers.jsx | stable | Full Width Container layout component for arranging documentation content without MDX inline styles. |
| GridContainer | layout | /snippets/components/wrappers/containers/Layout.jsx | stable | Grid Container layout component for arranging documentation content without MDX inline styles. |
| InteractiveCard | layout | /snippets/components/wrappers/cards/ShowcaseCards.jsx | stable | Interactive Card layout component for arranging documentation content without MDX inline styles. |
| InteractiveCards | layout | /snippets/components/wrappers/cards/ShowcaseCards.jsx | stable | Interactive Cards layout component for arranging documentation content without MDX inline styles. |
| ListSteps | layout | /snippets/components/wrappers/lists/ListSteps.jsx | stable | List Steps layout component for arranging documentation content without MDX inline styles. |
| Spacer | layout | /snippets/components/wrappers/containers/Layout.jsx | stable | Spacer layout component for arranging documentation content without MDX inline styles. |
| Divider | page-structure | /snippets/components/scaffolding/frame-mode/FrameMode.jsx | stable | Renders a horizontal rule (---) with proper styling for frame mode. |
| H4 | page-structure | /snippets/components/scaffolding/frame-mode/FrameMode.jsx | stable | H4 - Custom H4 heading component for frame mode |
| H6 | page-structure | /snippets/components/scaffolding/frame-mode/FrameMode.jsx | stable | H6 - Custom H6 heading component for frame mode |
| HeroOverviewContent | page-structure | /snippets/components/scaffolding/portals/Portals.jsx | stable | Centered hero overview wrapper for introductory portal copy blocks. |
| MermaidColours | page-structure | /snippets/components/config/MermaidColours.jsx | stable | Centralised colour definitions for Mermaid diagrams. Mermaid requires literal colour values and does not support CSS custom properties. |
| PageHeader | page-structure | /snippets/components/scaffolding/frame-mode/FrameMode.jsx | stable | H1 - Custom H1 heading component for frame mode |
| RefCardContainer | page-structure | /snippets/components/scaffolding/portals/Portals.jsx | stable | Container for portal reference cards and related CTA blocks. |
| BasicBtn | primitives | /snippets/components/elements/buttons/Buttons.jsx | stable | Basic Btn primitive used in authored documentation and component-library examples. |
| BlinkingTerminal | primitives | /snippets/components/elements/links/Links.jsx | deprecated | Blinking Terminal primitive used in authored documentation and component-library examples. |
| LinkImage | primitives | /snippets/components/elements/images/Image.jsx | stable | Link Image primitive used in authored documentation and component-library examples. |
| LivepeerIconFlipped | primitives | /snippets/components/elements/icons/Icons.jsx | stable | Livepeer Icon Flipped primitive used in authored documentation and component-library examples. |
| LivepeerIconOld | primitives | /snippets/components/elements/icons/Icons.jsx | stable | Livepeer Icon Old primitive used in authored documentation and component-library examples. |
| LivepeerSVG | primitives | /snippets/components/elements/icons/Icons.jsx | stable | Livepeer SVG primitive used in authored documentation and component-library examples. |
| ReviewCallout | primitives | /snippets/components/elements/callouts/PreviewCallouts.jsx | stable | Renders the review callout component |
| SocialLinks | primitives | /snippets/components/elements/social/SocialLinks.jsx | stable | Renders the social links component |
| Spacer | primitives | /snippets/components/elements/spacing/Spacer.jsx | stable | Provides consistent spacing without requiring inline styles or empty divs in MDX files |