> ## Documentation Index > Fetch the complete documentation index at: https://docs.livepeer.org/llms.txt > Use this file to discover all available pages before exploring further. # Components Catalog > Generated catalog of all governed component exports. export const color_0 = undefined export const label_0 = undefined export const icon_0 = undefined **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 | Category | Exports | ๐ŸŸข Stable | ๐Ÿงช Experimental | ๐ŸŸ  Deprecated | ๐Ÿ”ด Broken | โฌœ Placeholder | Unused | | --------------------------- | ------- | --------- | --------------- | ------------- | --------- | ------------- | ------ | | [Elements](#elements) | 32 | 28 | 0 | 4 | 0 | 0 | 7 | | [Wrappers](#wrappers) | 10 | 10 | 0 | 0 | 0 | 0 | 4 | | [Displays](#displays) | 49 | 39 | 2 | 4 | 1 | 0 | 10 | | [Scaffolding](#scaffolding) | 21 | 20 | 0 | 1 | 0 | 0 | 7 | | [Integrators](#integrators) | 19 | 18 | 1 | 0 | 0 | 0 | 4 | | [Config](#config) | 1 | 1 | 0 | 0 | 0 | 0 | 1 | | **Total** | **132** | **116** | **3** | **9** | **1** | **0** | **33** | **Status:** ๐ŸŸข stable ยท ๐Ÿงช experimental ยท ๐ŸŸ  deprecated ยท ๐Ÿ”ด broken ยท โฌœ placeholder ## Elements `stable` Accordion title with icon, name, and optional description subtitle. Wraps CustomCardTitle with an italic description line underneath. `/snippets/components/elements/text/Text.jsx` unused `stable` Copyable contract address with blockchain explorer and GitHub links. `/snippets/components/elements/links/Links.jsx` in use `stable` Arbitrum logo rendered identically to Mintlify FA icons using mask-image technique. `/snippets/components/elements/icons/Icons.jsx` in use `stable` Inline Arbitrum logo as SVG with currentColor fill. `/snippets/components/elements/icons/Icons.jsx` in use `stable` Animated icon with pulsing opacity. Respects prefers-reduced-motion. `/snippets/components/elements/icons/Icons.jsx` in use `stable` Card title with trailing arrow icon for navigation indication. `/snippets/components/elements/text/Text.jsx` in use `deprecated` Banner indicating a feature or page is coming soon. Deprecated wrapper around StatusCallout. `/snippets/components/elements/callouts/Callouts.jsx` in use `stable` Text with a click-to-copy button that copies content to clipboard. `/snippets/components/elements/text/Text.jsx` in use `deprecated` Styled callout box. Deprecated alias for IconCallout. `/snippets/components/elements/callouts/Callouts.jsx` in use `stable` 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` in use `stable` 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` in use `stable` Inline link with icons on both sides. `/snippets/components/elements/links/Links.jsx` in use `stable` Lazy-loaded download button with icon that renders on viewport intersection. `/snippets/components/elements/buttons/Buttons.jsx` in use `stable` Icon button that opens an external link in a new tab. Bordered with rounded corners, hover colour transition. `/snippets/components/elements/buttons/Buttons.jsx` unused `stable` Makes scroll regions keyboard-focusable by adding tabindex to matching selectors. `/snippets/components/elements/a11y/FocusableScrollRegion.jsx` in use `stable` Card-style navigation link wrapping Mintlify Card component. `/snippets/components/elements/links/Links.jsx` in use `stable` Inline navigation link with icon prefix and label. `/snippets/components/elements/links/Links.jsx` in use `stable` Styled callout box with icon, custom colour, and optional corner arrow indicator. `/snippets/components/elements/callouts/Callouts.jsx` unused `stable` Framed image with optional caption and full-width toggle. `/snippets/components/elements/images/Image.jsx` in use `stable` 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` in use `stable` External link with arrow icon, optional description, and line break control. `/snippets/components/elements/links/Links.jsx` in use `stable` Wraps a Mintlify Icon in an anchor tag. Strips default Mintlify link styling (border-bottom). `/snippets/components/elements/links/Links.jsx` in use `stable` Clickable framed image that opens a URL in a new tab. `/snippets/components/elements/images/Image.jsx` unused `stable` Inline Livepeer logo as SVG with currentColor fill. `/snippets/components/elements/icons/Icons.jsx` in use `stable` Renders LaTeX as a block-level math expression using KaTeX. `/snippets/components/elements/math/Math.jsx` in use `stable` Renders LaTeX as inline math using KaTeX. `/snippets/components/elements/math/Math.jsx` in use `deprecated` Banner indicating content is in preview state. Deprecated wrapper around StatusCallout. `/snippets/components/elements/callouts/Callouts.jsx` in use `stable` Banner indicating content is under technical review. `/snippets/components/elements/callouts/Callouts.jsx` unused `stable` 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` in use `stable` Empty spacer div with configurable size and direction. `/snippets/components/elements/spacing/Divider.jsx` unused `stable` Banner indicating page/feature status (coming soon or preview) with feedback links. `/snippets/components/elements/callouts/Callouts.jsx` unused `deprecated` Callout with arrow. Deprecated wrapper around IconCallout. `/snippets/components/elements/callouts/Callouts.jsx` in use ## Wrappers `stable` 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` unused `stable` Flex row wrapper for Badge elements. Pass a `badges` array of {color_0, label_0} objects for auto-rendering, or use children for manual JSX. `/snippets/components/wrappers/badges/Badges.jsx` in use `stable` Bordered container with configurable radius and background. `/snippets/components/wrappers/containers/Containers.jsx` in use `stable` Wraps Mintlify callout types (Tip, Info, Warning, Note, Check) with a styled header and description. `/snippets/components/wrappers/containers/Containers.jsx` unused `stable` Horizontally centred container with configurable max-width. `/snippets/components/wrappers/containers/Containers.jsx` in use `stable` Flexbox container with configurable direction, gap, and alignment. `/snippets/components/wrappers/containers/Containers.jsx` in use `stable` Full-viewport-width container that breaks out of parent padding. `/snippets/components/wrappers/containers/Containers.jsx` unused `stable` CSS Grid container with configurable columns and gap. `/snippets/components/wrappers/containers/Containers.jsx` unused `stable` Flex row wrapper for icon+label tag items. Pass an `items` array of {icon_0, label_0} objects. Icons are uncoloured by default โ€“ pass `iconColor` to override. `/snippets/components/wrappers/badges/Badges.jsx` in use `stable` Scrollable container with max-height, overflow hint, and accessible region role. `/snippets/components/wrappers/containers/Layout.jsx` in use ## Displays `stable` Generates N numbered accordion sections inside an AccordionGroup. `/snippets/components/displays/accordions/Accordions.jsx` unused `stable` Vertical stack layout with small gap, designed for accordion content sections. `/snippets/components/displays/accordions/Accordions.jsx` in use `planned` Planned list component โ€“ not yet implemented. `/snippets/components/displays/steps/Steps.jsx` in use `stable` Paginated horizontal carousel with prev/next navigation and dot indicators. `/snippets/components/displays/grids/Grids.jsx` unused `stable` YouTube embed inside a Card wrapper with aspect-ratio iframe. `/snippets/components/displays/video/Video.jsx` in use `stable` Simple code block with title and language syntax highlighting. `/snippets/components/displays/code/Code.jsx` unused `stable` Expandable code section with title header. `/snippets/components/displays/code/Code.jsx` in use `stable` Code block with both pre-note and post-note sections. `/snippets/components/displays/code/Code.jsx` in use `stable` Code block with optional pre/post notes and expandable wrapper. `/snippets/components/displays/code/Code.jsx` in use `stable` Custom-styled API response field with configurable margin. `/snippets/components/displays/response-fields/ResponseField.jsx` in use `stable` Card with icon, custom title row, and body content. `/snippets/components/displays/cards/Cards.jsx` in use `stable` Renders structured data as a scrollable table with section separators and accessible region. `/snippets/components/displays/tables/Tables.jsx` in use `experimental` 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` unused `stable` Framed blockquote with optional author, source link, and image. `/snippets/components/displays/quotes/Quote.jsx` in use `stable` Solidity function signature field with typed parameter pairs and optional return type. `/snippets/components/displays/response-fields/ResponseField.jsx` in use `planned` Planned icon list component โ€“ not yet implemented. `/snippets/components/displays/steps/Steps.jsx` in use `stable` Card with inline image alongside content, using negative margin breakout. `/snippets/components/displays/cards/Cards.jsx` in use `stable` Single interactive card with hover effects. `/snippets/components/displays/cards/Cards.jsx` unused `stable` Multi-column layout of interactive cards. `/snippets/components/displays/cards/Cards.jsx` unused `stable` LinkedIn post embed via responsive iframe with compact layout. `/snippets/components/displays/video/Video.jsx` unused `stable` Renders an array of step items inside Mintlify Steps component. `/snippets/components/displays/steps/Steps.jsx` unused `stable` 2x2 grid with centred rotating icon overlay. Respects prefers-reduced-motion. `/snippets/components/displays/grids/Grids.jsx` in use `stable` Styled blockquote with accent border and centred italic text. `/snippets/components/displays/quotes/Quote.jsx` in use `deprecated` Accordion-style response field with collapsible detail section. `/snippets/components/displays/response-fields/ResponseField.jsx` in use `deprecated` Expandable response field that reveals nested content on click. `/snippets/components/displays/response-fields/ResponseField.jsx` in use `stable` Container for grouping multiple response fields with consistent spacing. `/snippets/components/displays/response-fields/ResponseField.jsx` unused `stable` Pannable diagram container with deterministic preset zoom controls rendered without client-side React state. `/snippets/components/displays/diagrams/ScrollableDiagram.jsx` in use `stable` Generic filterable table wrapper with search input, category dropdown(s), and optional separators. `/snippets/components/displays/tables/Tables.jsx` in use `experimental` Generic filterable table wrapper with intrinsic-width sizing for badge, icon, and primary text columns. `/snippets/components/displays/tables/Tables.jsx` unused `stable` Paginated card layout with search, category, and product filtering. `/snippets/components/displays/cards/Cards.jsx` in use `deprecated` Full-width video with negative-margin breakout and rounded frame. `/snippets/components/displays/video/Video.jsx` in use `stable` 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` in use `stable` Renders a solution entry with link, icon badges, and description. Designed for solution listing pages. `/snippets/components/displays/cards/Cards.jsx` in use `stable` Renders listItems as Mintlify Steps with GotoLink navigation. `/snippets/components/displays/steps/Steps.jsx` in use `stable` Renders listItems as Mintlify Steps with title, icon, and content. `/snippets/components/displays/steps/Steps.jsx` in use `stable` 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` in use `stable` Wrapper around Mintlify Steps with custom icon styling via injected CSS. `/snippets/components/displays/steps/Steps.jsx` in use `stable` Full-width table with header row styling and rounded container. `/snippets/components/displays/tables/Tables.jsx` in use `stable` Table cell that switches between th and td based on header prop. `/snippets/components/displays/tables/Tables.jsx` in use `stable` Table row with optional header styling and hover effect. `/snippets/components/displays/tables/Tables.jsx` in use `stable` Auto-playing video with title/subtitle overlay. Respects prefers-reduced-motion. `/snippets/components/displays/video/Video.jsx` in use `stable` Renders update items as linked entries inside Mintlify Update component. `/snippets/components/displays/steps/Steps.jsx` in use `planned` Planned update list component โ€“ not yet implemented. `/snippets/components/displays/steps/Steps.jsx` in use `stable` API response field with name, type, and value display. `/snippets/components/displays/response-fields/ResponseField.jsx` in use `stable` Basic framed video player with caption support. `/snippets/components/displays/video/Video.jsx` in use `stable` Width-constrained card wrapper with configurable percentage width. `/snippets/components/displays/cards/Cards.jsx` in use `stable` YouTube embed via responsive iframe with aspect-ratio preservation. `/snippets/components/displays/video/Video.jsx` in use `deprecated` Renders a columned grid of YouTubeVideo embeds from an items array. `/snippets/components/displays/video/Video.jsx` in use `broken` YouTube embed with download hint text below (BROKEN โ€“ render content commented out). `/snippets/components/displays/video/Video.jsx` in use ## Scaffolding `deprecated` Deprecated alias for FrameModeDivider. Maintained for backwards compatibility. `/snippets/components/scaffolding/frame-mode/FrameMode.jsx` unused `stable` Horizontal rule divider for frame-mode pages. Distinct from elements/spacing/Divider. `/snippets/components/scaffolding/frame-mode/FrameMode.jsx` unused `stable` Heading override with optional icon prefix for frame-mode pages. `/snippets/components/scaffolding/frame-mode/FrameMode.jsx` in use `stable` Heading override with optional icon prefix for frame-mode pages. `/snippets/components/scaffolding/frame-mode/FrameMode.jsx` in use `stable` Heading override with optional icon prefix for frame-mode pages. `/snippets/components/scaffolding/frame-mode/FrameMode.jsx` in use `stable` Heading override with optional icon prefix for frame-mode pages. `/snippets/components/scaffolding/frame-mode/FrameMode.jsx` unused `stable` Heading override with optional icon prefix for frame-mode pages. `/snippets/components/scaffolding/frame-mode/FrameMode.jsx` in use `stable` Heading override with optional icon prefix for frame-mode pages. `/snippets/components/scaffolding/frame-mode/FrameMode.jsx` unused `stable` Centred content container inside hero sections. `/snippets/components/scaffolding/portals/Portals.jsx` in use `stable` Hero background with image overlay and gradient. `/snippets/components/scaffolding/portals/Portals.jsx` in use `stable` Hero content layout with title, icon, subtitle, and CTA slots. `/snippets/components/scaffolding/portals/Portals.jsx` unused `stable` Full-width hero section wrapper with min-height and gradient background. `/snippets/components/scaffolding/portals/Portals.jsx` in use `stable` Hero banner with centred logo image, title, and subtitle. `/snippets/components/scaffolding/portals/Portals.jsx` in use `stable` Paragraph override with optional icon prefix for frame-mode pages. `/snippets/components/scaffolding/frame-mode/FrameMode.jsx` in use `stable` Page-level header with icon, title, and subtitle for frame-mode pages. `/snippets/components/scaffolding/frame-mode/FrameMode.jsx` unused `stable` Section header with mission label and optional subtitle. `/snippets/components/scaffolding/portals/Portals.jsx` in use `stable` Outer container for portal page content below the hero. `/snippets/components/scaffolding/portals/Portals.jsx` in use `stable` Hero content with logo, title, tagline, description, and card grid. `/snippets/components/scaffolding/portals/Portals.jsx` in use `stable` Section header with icon, title, and horizontal rule. `/snippets/components/scaffolding/portals/Portals.jsx` in use `stable` Container for reference cards with configurable column count. `/snippets/components/scaffolding/portals/Portals.jsx` unused `stable` Animated canvas starfield background with floating Livepeer logos. Respects prefers-reduced-motion. `/snippets/components/scaffolding/heroes/StarfieldCanvas.jsx` in use ## Integrators `stable` Blog post card with scrollable content, metadata, and CTA. `/snippets/components/integrators/blog/BlogCards.jsx` in use `stable` Single-column BlogCard stack. `/snippets/components/integrators/blog/BlogCards.jsx` unused `stable` Grid layout rendering BlogCards from an items array. `/snippets/components/integrators/blog/BlogCards.jsx` in use `stable` Multi-column PostCard layout. `/snippets/components/integrators/blog/BlogCards.jsx` in use `stable` PostCards rendered inside Card wrappers. `/snippets/components/integrators/blog/BlogCards.jsx` unused `stable` Sortable table of exchanges listing a token. Keyboard-accessible sort headers. `/snippets/components/integrators/feeds/Coingecko.jsx` in use `stable` Multi-column BlogCard layout using Mintlify Columns. `/snippets/components/integrators/blog/BlogCards.jsx` in use `stable` Discord announcement feed with parsed markdown content. Sanitised HTML. `/snippets/components/integrators/blog/BlogCards.jsx` in use `stable` Frames external source content with a scrollable container and source link. `/snippets/components/integrators/embeds/DataEmbed.jsx` unused `stable` Latest forum topics with banner image and topic cards. `/snippets/components/integrators/blog/BlogCards.jsx` in use `experimental` Displays the latest release version string from automation data. `/snippets/components/integrators/feeds/Release.jsx` unused `stable` Upcoming/past event cards from Luma calendar data. `/snippets/components/integrators/blog/BlogCards.jsx` in use `stable` Embeds a PDF in a framed iframe with caption. `/snippets/components/integrators/embeds/DataEmbed.jsx` in use `stable` Post card with gradient header, scrollable content, and metadata. `/snippets/components/integrators/blog/BlogCards.jsx` in use `stable` Blog card for RSS feed data. Matches BlogCard visual quality with icon title, metadata row, scrollable plain text excerpt, and scroll hint. Use for non-Ghost blog sources (Daydream, Streamplace, etc.). `/snippets/components/integrators/blog/BlogCards.jsx` in use `stable` Multi-column RssBlogCard layout. Use for RSS blog data (non-Ghost sources). `/snippets/components/integrators/blog/BlogCards.jsx` in use `stable` Fetches and renders a remote Solidity file with syntax highlighting inside a styled container. Lazy-loaded. `/snippets/components/integrators/embeds/DataEmbed.jsx` in use `stable` Embeds a Twitter/X timeline feed widget via iframe. `/snippets/components/integrators/embeds/DataEmbed.jsx` in use `stable` Renders YouTube video data with video embed and metadata columns. `/snippets/components/integrators/video-data/VideoData.jsx` in use ## Config `stable` Theme colour definitions for Mermaid diagrams (light/dark/CSS variable mappings). `/snippets/components/config/MermaidColours.jsx` unused | Component | Category | Status | Note | | ----------------------- | ------------- | -------------- | ------------------------------------------------------------------------- | | ResponseFieldAccordion | `displays` | `deprecated` | Replaced by `ResponseFieldGroup` | | ResponseFieldExpandable | `displays` | `deprecated` | Replaced by `ResponseFieldGroup` | | ShowcaseVideo | `displays` | `deprecated` | Replaced by `TitledVideo` | | YouTubeVideoData | `displays` | `deprecated` | Duplicate โ€“ canonical version is in integrators/video-data/VideoData.jsx. | | ComingSoonCallout | `elements` | `deprecated` | Replaced by `StatusCallout` | | CustomCallout | `elements` | `deprecated` | Replaced by `IconCallout` | | PreviewCallout | `elements` | `deprecated` | Replaced by `StatusCallout` | | TipWithArrow | `elements` | `deprecated` | Replaced by `IconCallout` | | Divider | `scaffolding` | `deprecated` | Replaced by `FrameModeDivider` | | MermaidColours | `config` | `stable` | Not imported in any page | | AccordionGroupList | `displays` | `stable` | Not imported in any page | | CardCarousel | `displays` | `stable` | Not imported in any page | | CodeComponent | `displays` | `stable` | Not imported in any page | | DynamicTableV2 | `displays` | `experimental` | Not imported in any page | | InteractiveCard | `displays` | `stable` | Not imported in any page | | InteractiveCards | `displays` | `stable` | Not imported in any page | | LinkedInEmbed | `displays` | `stable` | Not imported in any page | | ListSteps | `displays` | `stable` | Not imported in any page | | ResponseFieldGroup | `displays` | `stable` | Not imported in any page | | SearchTableV2 | `displays` | `experimental` | Not imported in any page | | AccordionTitle | `elements` | `stable` | Not imported in any page | | ExternalLinkButton | `elements` | `stable` | Not imported in any page | | IconCallout | `elements` | `stable` | Not imported in any page | | LinkImage | `elements` | `stable` | Not imported in any page | | ReviewCallout | `elements` | `stable` | Not imported in any page | | Spacer | `elements` | `stable` | Not imported in any page | | StatusCallout | `elements` | `stable` | Not imported in any page | | BlogDataLayout | `integrators` | `stable` | Not imported in any page | | CardInCardLayout | `integrators` | `stable` | Not imported in any page | | ContractVerifier | `integrators` | `unknown` | Not imported in any page | | ExternalContent | `integrators` | `stable` | Not imported in any page | | HistoricalContractTable | `integrators` | `unknown` | Not imported in any page | | LatestVersion | `integrators` | `experimental` | Not imported in any page | | FrameModeDivider | `scaffolding` | `stable` | Not imported in any page | | H4 | `scaffolding` | `stable` | Not imported in any page | | H6 | `scaffolding` | `stable` | Not imported in any page | | HeroOverviewContent | `scaffolding` | `stable` | Not imported in any page | | PageHeader | `scaffolding` | `stable` | Not imported in any page | | RefCardContainer | `scaffolding` | `stable` | Not imported in any page | | BadgeRow | `wrappers` | `stable` | Not imported in any page | | CalloutWrapper | `wrappers` | `stable` | Not imported in any page | | FullWidthContainer | `wrappers` | `stable` | Not imported in any page | | GridContainer | `wrappers` | `stable` | Not imported in any page | | GridContainer | `wrappers` | `stable` | Not imported in any page |