This file is an auto-generated index catalog for all available Livepeer Custom Components
Do not manually edit this file
Show Script Generation Details
Generation Script
- This file is generated from script(s):
operations/scripts/generators/governance/catalogs/generate-docs-guide-components-index.js.
Purpose
- Generated inventory of governed component exports from docs-guide/config/component-registry.json and docs-guide/config/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 operations/scripts/generators/governance/catalogs/generate-docs-guide-components-index.js --fix.
Script Pipeline
Component Tree
Component Summary
The governed component library currently exposes 121 named export(s).
| Category | Exports | 🟢 Stable | 🧪 Experimental | 🟠 Deprecated | 🔴 Broken | ⬜ Placeholder | Unused |
|---|
| Elements | 30 | 27 | 0 | 3 | 0 | 0 | 2 |
| Wrappers | 31 | 28 | 0 | 0 | 3 | 0 | 5 |
| Displays | 20 | 20 | 0 | 0 | 0 | 0 | 1 |
| Scaffolding | 20 | 20 | 0 | 0 | 0 | 0 | 4 |
| Integrators | 19 | 16 | 2 | 1 | 0 | 0 | 2 |
| Config | 1 | 1 | 0 | 0 | 0 | 0 | 1 |
| Total | 121 | 112 | 2 | 4 | 3 | 0 | 15 |
Components: Searchable
Components by Type
Elements
🟢 AccordionTitleWithArrow
Accordion header text with trailing arrow icon.
/snippets/components/elements/text/Text.jsx
Empty placeholder button stub — non-functional.
/snippets/components/elements/buttons/Buttons.jsx
Animated icon with pulsing opacity. Respects prefers-reduced-motion.
/snippets/components/elements/links/Links.jsx
Preset blinking terminal icon (alias for BlinkingIcon with terminal defaults).
/snippets/components/elements/links/Links.jsx
Card title with trailing arrow icon for navigation indication.
/snippets/components/elements/text/Text.jsx
Banner indicating a feature or page is coming soon, with links to related resources.
/snippets/components/elements/callouts/PreviewCallouts.jsx
Text with a click-to-copy button that copies content to clipboard.
/snippets/components/elements/text/Text.jsx
Styled callout box with icon, custom colour, and child content.
/snippets/components/elements/links/Links.jsx
Card title row with icon and text, using flexbox alignment.
/snippets/components/elements/text/CustomCardTitle.jsx
Themed horizontal divider with optional centre text and Livepeer logo accents.
/snippets/components/elements/spacing/Divider.jsx
Inline link with icons on both sides.
/snippets/components/elements/links/Links.jsx
Card-style navigation link wrapping Mintlify Card component.
/snippets/components/elements/links/Links.jsx
Inline navigation link with icon prefix and label.
/snippets/components/elements/links/Links.jsx
Framed image with optional caption and full-width toggle.
/snippets/components/elements/images/Image.jsx
External link with arrow icon, optional description, and line break control.
/snippets/components/elements/links/Links.jsx
Clickable framed image that opens a URL in a new tab.
/snippets/components/elements/images/Image.jsx
Theme-aware Livepeer icon with CSS custom property colour adaptation.
/snippets/components/elements/icons/Icons.jsx
Horizontally flipped legacy Livepeer icon.
/snippets/components/elements/icons/Icons.jsx
Legacy Livepeer icon using light-only SVG path.
/snippets/components/elements/icons/Icons.jsx
Inline Livepeer logo as SVG with currentColor fill.
/snippets/components/elements/icons/Icons.jsx
Renders LaTeX as a block-level math expression using KaTeX.
/snippets/components/elements/math/Math.jsx
Renders LaTeX as inline math using KaTeX.
/snippets/components/elements/math/Math.jsx
Banner indicating content is in preview/draft state with feedback links.
/snippets/components/elements/callouts/PreviewCallouts.jsx
Banner indicating content is under review with status links.
/snippets/components/elements/callouts/PreviewCallouts.jsx
Row of icon-only social media links with tooltips and aria-labels.
/snippets/components/elements/social/SocialLinks.jsx
Empty spacer div with configurable size and direction.
/snippets/components/elements/spacing/Spacer.jsx
Styled subtitle text with configurable colour, size, and alignment.
/snippets/components/elements/text/Text.jsx
Callout box with tip icon and corner arrow indicator.
/snippets/components/elements/links/Links.jsx
Wrappers
Generates N numbered accordion sections inside an AccordionGroup.
/snippets/components/wrappers/accordions/AccordionGroupList.jsx
Vertical stack layout with small gap, designed for accordion content sections.
/snippets/components/wrappers/accordions/AccordionLayout.jsx
Non-functional stub — returns empty fragment.
/snippets/components/wrappers/lists/Lists.jsx
Bordered container with configurable radius and background.
/snippets/components/wrappers/containers/Containers.jsx
Paginated horizontal carousel with prev/next navigation and dot indicators.
/snippets/components/wrappers/grids/CardCarousel.jsx
Horizontally centred container with configurable max-width.
/snippets/components/wrappers/containers/Containers.jsx
Card with icon, custom title row, and body content.
/snippets/components/wrappers/cards/CustomCards.jsx
Renders structured data as a scrollable table with section separators and accessible region.
/snippets/components/wrappers/tables/Table.jsx
Flexbox container with configurable direction, gap, and alignment.
/snippets/components/wrappers/containers/Layout.jsx
Full-viewport-width container that breaks out of parent padding.
/snippets/components/wrappers/containers/Containers.jsx
CSS Grid container with configurable columns and gap.
/snippets/components/wrappers/containers/Layout.jsx
Non-functional stub — returns empty fragment.
/snippets/components/wrappers/lists/Lists.jsx
Card with inline image alongside content, using negative margin breakout.
/snippets/components/wrappers/cards/CustomCards.jsx
Single interactive card with hover effects.
/snippets/components/wrappers/cards/ShowcaseCards.jsx
Multi-column layout of interactive cards.
/snippets/components/wrappers/cards/ShowcaseCards.jsx
Renders an array of step items inside Mintlify Steps component.
/snippets/components/wrappers/lists/ListSteps.jsx
2x2 grid with centred rotating icon overlay. Respects prefers-reduced-motion.
/snippets/components/wrappers/grids/QuadGrid.jsx
Filterable table wrapper with search input and category dropdown.
/snippets/components/wrappers/tables/SearchTable.jsx
Paginated card layout with search, category, and product filtering.
/snippets/components/wrappers/cards/ShowcaseCards.jsx
Spacer element with configurable size.
/snippets/components/wrappers/containers/Layout.jsx
Renders listItems as Mintlify Steps with GotoLink navigation.
/snippets/components/wrappers/lists/Lists.jsx
Renders listItems as Mintlify Steps with title, icon, and content.
/snippets/components/wrappers/lists/Lists.jsx
Single step with configurable icon, size, and colour.
/snippets/components/wrappers/steps/Steps.jsx
Wrapper around Mintlify Steps with custom icon styling via injected CSS.
/snippets/components/wrappers/steps/Steps.jsx
Full-width table with header row styling and rounded container.
/snippets/components/wrappers/tables/Tables.jsx
Table cell that switches between th and td based on header prop.
/snippets/components/wrappers/tables/Tables.jsx
Table row with optional header styling and hover effect.
/snippets/components/wrappers/tables/Tables.jsx
Renders update items as linked entries inside Mintlify Update component.
/snippets/components/wrappers/lists/Lists.jsx
Non-functional — ignores props, renders hardcoded static content.
/snippets/components/wrappers/lists/Lists.jsx
Width-constrained card wrapper with configurable percentage width.
/snippets/components/wrappers/cards/CustomCards.jsx
Displays
YouTube embed inside a Card wrapper with aspect-ratio iframe.
/snippets/components/displays/video/Video.jsx
Simple code block with title and language syntax highlighting.
/snippets/components/displays/code/Code.jsx
Expandable code section with title header.
/snippets/components/displays/code/Code.jsx
Code block with both pre-note and post-note sections.
/snippets/components/displays/code/Code.jsx
Code block with optional pre/post notes and expandable wrapper.
/snippets/components/displays/code/Code.jsx
Custom-styled API response field with configurable margin.
/snippets/components/displays/response-fields/ResponseField.jsx
Framed blockquote with optional author, source link, and image.
/snippets/components/displays/quotes/Quote.jsx
LinkedIn post embed via responsive iframe with compact layout.
/snippets/components/displays/video/Video.jsx
Styled blockquote with accent border and centred italic text.
/snippets/components/displays/quotes/Quote.jsx
Accordion-style response field with collapsible detail section.
/snippets/components/displays/response-fields/ResponseField.jsx
🟢 ResponseFieldExpandable
Expandable response field that reveals nested content on click.
/snippets/components/displays/response-fields/ResponseField.jsx
Container for grouping multiple response fields with consistent spacing.
/snippets/components/displays/response-fields/ResponseField.jsx
Full-width video with negative-margin breakout and rounded frame.
/snippets/components/displays/video/Video.jsx
Auto-playing video with title/subtitle overlay. Respects prefers-reduced-motion.
/snippets/components/displays/video/Video.jsx
API response field with name, type, and value display.
/snippets/components/displays/response-fields/ResponseField.jsx
Basic framed video player with caption support.
/snippets/components/displays/video/Video.jsx
YouTube embed via responsive iframe with aspect-ratio preservation.
/snippets/components/displays/video/Video.jsx
Renders a columned grid of YouTubeVideo embeds from an items array.
/snippets/components/displays/video/Video.jsx
YouTube embed with download hint text below.
/snippets/components/displays/video/Video.jsx
Scaffolding
Horizontal rule divider for frame-mode pages.
/snippets/components/scaffolding/frame-mode/FrameMode.jsx
Heading override with optional icon prefix for frame-mode pages.
/snippets/components/scaffolding/frame-mode/FrameMode.jsx
Heading override with optional icon prefix for frame-mode pages.
/snippets/components/scaffolding/frame-mode/FrameMode.jsx
Heading override with optional icon prefix for frame-mode pages.
/snippets/components/scaffolding/frame-mode/FrameMode.jsx
Heading override with optional icon prefix for frame-mode pages.
/snippets/components/scaffolding/frame-mode/FrameMode.jsx
Heading override with optional icon prefix for frame-mode pages.
/snippets/components/scaffolding/frame-mode/FrameMode.jsx
Heading override with optional icon prefix for frame-mode pages.
/snippets/components/scaffolding/frame-mode/FrameMode.jsx
Centred content container inside hero sections.
/snippets/components/scaffolding/portals/Portals.jsx
🟢 HeroImageBackgroundComponent
Hero background with image overlay and gradient.
/snippets/components/scaffolding/portals/Portals.jsx
Hero content layout with title, icon, subtitle, and CTA slots.
/snippets/components/scaffolding/portals/Portals.jsx
Full-width hero section wrapper with min-height and gradient background.
/snippets/components/scaffolding/portals/Portals.jsx
Hero banner with centred logo image, title, and subtitle.
/snippets/components/scaffolding/portals/Portals.jsx
Paragraph override with optional icon prefix for frame-mode pages.
/snippets/components/scaffolding/frame-mode/FrameMode.jsx
Outer container for portal page content below the hero.
/snippets/components/scaffolding/portals/Portals.jsx
Hero content with logo, title, tagline, description, and card grid.
/snippets/components/scaffolding/portals/Portals.jsx
Container for reference cards with configurable column count.
/snippets/components/scaffolding/portals/Portals.jsx
Animated canvas starfield background with floating Livepeer logos. Respects prefers-reduced-motion.
/snippets/components/scaffolding/heroes/HeroGif.jsx
Integrators
Blog post card with scrollable content, metadata, and CTA.
/snippets/components/integrators/blog/Data.jsx
Single-column BlogCard stack.
/snippets/components/integrators/blog/Data.jsx
Grid layout rendering BlogCards from an items array.
/snippets/components/integrators/blog/Data.jsx
Multi-column PostCard layout.
/snippets/components/integrators/blog/Data.jsx
PostCards rendered inside Card wrappers.
/snippets/components/integrators/blog/Data.jsx
Sortable table of exchanges listing a token. Keyboard-accessible sort headers.
/snippets/components/integrators/feeds/Coingecko.jsx
Multi-column BlogCard layout using Mintlify Columns.
/snippets/components/integrators/blog/Data.jsx
Discord announcement feed with parsed markdown content. Sanitised HTML.
/snippets/components/integrators/blog/Data.jsx
Alias for MarkdownEmbed — use MarkdownEmbed instead.
/snippets/components/integrators/embeds/DataEmbed.jsx
Fetches and renders external markdown with scrollable container and source link.
/snippets/components/integrators/embeds/ExternalContent.jsx
Latest forum topics with banner image and topic cards.
/snippets/components/integrators/blog/Data.jsx
Displays the latest release version string from automation data.
/snippets/components/integrators/feeds/Release.jsx
Upcoming/past event cards from Luma calendar data.
/snippets/components/integrators/blog/Data.jsx
Fetches and renders remote markdown content.
/snippets/components/integrators/embeds/DataEmbed.jsx
Embeds a PDF in a framed iframe with caption.
/snippets/components/integrators/embeds/DataEmbed.jsx
Post card with gradient header, scrollable content, and metadata.
/snippets/components/integrators/blog/Data.jsx
Paginated project showcase with search, filtering, and media cards.
/snippets/components/integrators/feeds/ShowcaseCards.jsx
Renders YouTube video data with video embed and metadata columns.
/snippets/components/integrators/video-data/VideoData.jsx
Config
Theme colour definitions for Mermaid diagrams (light/dark/CSS variable mappings).
/snippets/components/config/MermaidColours.jsx
Audit
| Component | Category | Status | Note |
|---|
| BasicBtn | elements | deprecated | Non-functional stub — do not use. |
| LivepeerIconFlipped | elements | deprecated | Replaced by LivepeerIcon |
| LivepeerIconOld | elements | deprecated | Replaced by LivepeerIcon |
| EmbedMarkdown | integrators | deprecated | Replaced by MarkdownEmbed |
| MermaidColours | config | stable | Not imported in any page |
| ResponseFieldGroup | displays | stable | Not imported in any page |
| ReviewCallout | elements | stable | Not imported in any page |
| SocialLinks | elements | stable | Not imported in any page |
| MarkdownEmbed | integrators | stable | Not imported in any page |
| Divider | scaffolding | stable | Not imported in any page |
| H4 | scaffolding | stable | Not imported in any page |
| H6 | scaffolding | stable | Not imported in any page |
| PageHeader | scaffolding | stable | Not imported in any page |
| AccordionGroupList | wrappers | stable | Not imported in any page |
| CardCarousel | wrappers | stable | Not imported in any page |
| InteractiveCard | wrappers | stable | Not imported in any page |
| InteractiveCards | wrappers | stable | Not imported in any page |
| ListSteps | wrappers | stable | Not imported in any page |
stable/snippets/components/elements/social/SocialLinks.jsx