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.
The governed component library currently exposes 132 named export(s).
Summary Status: 🟢 stable · 🧪 experimental · 🟠 deprecated · 🔴 broken · ⬜ placeholderElements
Accordion title with icon, name, and optional description subtitle. Wraps CustomCardTitle with an italic description line underneath.
/snippets/components/elements/text/Text.jsx
Copyable contract address with blockchain explorer and GitHub links.
/snippets/components/elements/links/Links.jsx
Arbitrum logo rendered identically to Mintlify FA icons using mask-image technique.
/snippets/components/elements/icons/Icons.jsx
Inline Arbitrum logo as SVG with currentColor fill.
/snippets/components/elements/icons/Icons.jsx
Animated icon with pulsing opacity. Respects prefers-reduced-motion.
/snippets/components/elements/icons/Icons.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. Deprecated wrapper around StatusCallout.
/snippets/components/elements/callouts/Callouts.jsx
Text with a click-to-copy button that copies content to clipboard.
/snippets/components/elements/text/Text.jsx
Styled callout box. Deprecated alias for IconCallout.
/snippets/components/elements/callouts/Callouts.jsx
Title row with icon and text, using flexbox alignment. Accepts Font Awesome strings or React components as icon. Variant prop controls styling context.
/snippets/components/elements/text/Text.jsx
Transparent wrapper that renders a data value inline. Used to surface pipeline-generated values (e.g. lastVerified dates) in MDX without additional markup.
/snippets/components/elements/text/DataWrap.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
Styled callout box with icon, custom colour, and optional corner arrow indicator.
/snippets/components/elements/callouts/Callouts.jsx
Framed image with optional caption and full-width toggle.
/snippets/components/elements/images/Image.jsx
Lightweight horizontal rule with controllable margin, padding, colour, and opacity. Use inside accordions, steps, or anywhere markdown --- gives no spacing control.
/snippets/components/elements/spacing/Divider.jsx
External link with arrow icon, optional description, and line break control.
/snippets/components/elements/links/Links.jsx
Wraps a Mintlify Icon in an anchor tag. Strips default Mintlify link styling (border-bottom).
/snippets/components/elements/links/Links.jsx
Clickable framed image that opens a URL in a new tab.
/snippets/components/elements/images/Image.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 state. Deprecated wrapper around StatusCallout.
/snippets/components/elements/callouts/Callouts.jsx
Banner indicating content is under technical review.
/snippets/components/elements/callouts/Callouts.jsx
Row of icon-only social media links with tooltips and aria-labels. Pass a links array to customise per product; omit for Livepeer defaults.
/snippets/components/elements/links/Links.jsx
Empty spacer div with configurable size and direction.
/snippets/components/elements/spacing/Divider.jsx
Banner indicating page/feature status (coming soon or preview) with feedback links.
/snippets/components/elements/callouts/Callouts.jsx
Callout with arrow. Deprecated wrapper around IconCallout.
/snippets/components/elements/callouts/Callouts.jsx
Wrappers
Unified badge row with variant prop. “text” renders Badge elements from a badges array. “icon” renders icon+label tags from an items array.
/snippets/components/wrappers/badges/Badges.jsx
Flex row wrapper for Badge elements. Pass a badges array of objects for auto-rendering, or use children for manual JSX.
/snippets/components/wrappers/badges/Badges.jsx
Bordered container with configurable radius and background.
/snippets/components/wrappers/containers/Containers.jsx
Wraps Mintlify callout types (Tip, Info, Warning, Note, Check) with a styled header and description.
/snippets/components/wrappers/containers/Containers.jsx
Horizontally centred container with configurable max-width.
/snippets/components/wrappers/containers/Containers.jsx
Flexbox container with configurable direction, gap, and alignment.
/snippets/components/wrappers/containers/Containers.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/Containers.jsx
Flex row wrapper for icon+label tag items. Pass an items array of objects. Icons are uncoloured by default – pass iconColor to override.
/snippets/components/wrappers/badges/Badges.jsx
Displays
Generates N numbered accordion sections inside an AccordionGroup.
/snippets/components/displays/accordions/Accordions.jsx
Vertical stack layout with small gap, designed for accordion content sections.
/snippets/components/displays/accordions/Accordions.jsx
Planned list component – not yet implemented.
/snippets/components/displays/steps/Steps.jsx
Paginated horizontal carousel with prev/next navigation and dot indicators.
/snippets/components/displays/grids/Grids.jsx
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
Card with icon, custom title row, and body content.
/snippets/components/displays/cards/Cards.jsx
Renders structured data as a scrollable table with section separators and accessible region.
/snippets/components/displays/tables/Tables.jsx
Renders structured data as a scrollable table with separator rows and intrinsic-width support for fit-to-content columns.
/snippets/components/displays/tables/Tables.jsx
Framed blockquote with optional author, source link, and image.
/snippets/components/displays/quotes/Quote.jsx
Solidity function signature field with typed parameter pairs and optional return type.
/snippets/components/displays/response-fields/ResponseField.jsx
Planned icon list component – not yet implemented.
/snippets/components/displays/steps/Steps.jsx
Card with inline image alongside content, using negative margin breakout.
/snippets/components/displays/cards/Cards.jsx
Single interactive card with hover effects.
/snippets/components/displays/cards/Cards.jsx
Multi-column layout of interactive cards.
/snippets/components/displays/cards/Cards.jsx
LinkedIn post embed via responsive iframe with compact layout.
/snippets/components/displays/video/Video.jsx
Renders an array of step items inside Mintlify Steps component.
/snippets/components/displays/steps/Steps.jsx
2x2 grid with centred rotating icon overlay. Respects prefers-reduced-motion.
/snippets/components/displays/grids/Grids.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
Generic filterable table wrapper with search input, category dropdown(s), and optional separators.
/snippets/components/displays/tables/Tables.jsx
Generic filterable table wrapper with intrinsic-width sizing for badge, icon, and primary text columns.
/snippets/components/displays/tables/Tables.jsx
Paginated card layout with search, category, and product filtering.
/snippets/components/displays/cards/Cards.jsx
Full-width video with negative-margin breakout and rounded frame.
/snippets/components/displays/video/Video.jsx
Card body for Solutions Portal product cards. Accepts pre-rendered JSX slots for badges, infra tags, and social links. ScrollBox is passed as a component prop for blurb rendering.
/snippets/components/displays/cards/Cards.jsx
Renders a solution entry with link, icon badges, and description. Designed for solution listing pages.
/snippets/components/displays/cards/Cards.jsx
Renders listItems as Mintlify Steps with GotoLink navigation.
/snippets/components/displays/steps/Steps.jsx
Renders listItems as Mintlify Steps with title, icon, and content.
/snippets/components/displays/steps/Steps.jsx
Single step with configurable icon, size, and per-step colour overrides. When iconColor or titleColor is set, injects a scoped CSS override that takes precedence over the parent StyledSteps colours for this step only. When neither is set, behaves identically to a plain Step pass-through.
/snippets/components/displays/steps/Steps.jsx
Wrapper around Mintlify Steps with custom icon styling via injected CSS.
/snippets/components/displays/steps/Steps.jsx
Full-width table with header row styling and rounded container.
/snippets/components/displays/tables/Tables.jsx
Table cell that switches between th and td based on header prop.
/snippets/components/displays/tables/Tables.jsx
Table row with optional header styling and hover effect.
/snippets/components/displays/tables/Tables.jsx
Auto-playing video with title/subtitle overlay. Respects prefers-reduced-motion.
/snippets/components/displays/video/Video.jsx
Renders update items as linked entries inside Mintlify Update component.
/snippets/components/displays/steps/Steps.jsx
Planned update list component – not yet implemented.
/snippets/components/displays/steps/Steps.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
Width-constrained card wrapper with configurable percentage width.
/snippets/components/displays/cards/Cards.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 (BROKEN – render content commented out).
/snippets/components/displays/video/Video.jsx
Scaffolding
Deprecated alias for FrameModeDivider. Maintained for backwards compatibility.
/snippets/components/scaffolding/frame-mode/FrameMode.jsx
Horizontal rule divider for frame-mode pages. Distinct from elements/spacing/Divider.
/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/StarfieldCanvas.jsx
Integrators
Blog post card with scrollable content, metadata, and CTA.
/snippets/components/integrators/blog/BlogCards.jsx
Single-column BlogCard stack.
/snippets/components/integrators/blog/BlogCards.jsx
Grid layout rendering BlogCards from an items array.
/snippets/components/integrators/blog/BlogCards.jsx
Multi-column PostCard layout.
/snippets/components/integrators/blog/BlogCards.jsx
PostCards rendered inside Card wrappers.
/snippets/components/integrators/blog/BlogCards.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/BlogCards.jsx
Discord announcement feed with parsed markdown content. Sanitised HTML.
/snippets/components/integrators/blog/BlogCards.jsx
Frames external source content with a scrollable container and source link.
/snippets/components/integrators/embeds/DataEmbed.jsx
Latest forum topics with banner image and topic cards.
/snippets/components/integrators/blog/BlogCards.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/BlogCards.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/BlogCards.jsx
Fetches and renders a remote Solidity file with syntax highlighting inside a styled container. Lazy-loaded.
/snippets/components/integrators/embeds/DataEmbed.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
stable/snippets/components/elements/links/Links.jsx