> ## 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.

# Component Library Overview

> Generated overview for the governed snippets/components library.

<Note>
  **Generation Script**: This file is generated from script(s): `operations/scripts/generators/components/documentation/generate-component-docs.js`. <br />
  **Purpose**: Generated component-library MDX pages derived from docs-guide/config/component-registry.json. <br />
  **Run when**: Component governance metadata, registry outputs, or published component-library templates change. <br />
  **Important**: Do not manually edit this file; run `node operations/scripts/generators/components/documentation/generate-component-docs.js --fix --template-only`. <br />
</Note>

## Governance Snapshot

The governed component library currently exposes **117** named export(s) across five active categories.

### Category Matrix

| Category                                                                       | Purpose                                                          | Exports |
| ------------------------------------------------------------------------------ | ---------------------------------------------------------------- | ------- |
| [Elements](/v2/resources/documentation-guide/component-library/elements)       | Smallest visual atoms – no children, no fetching, no arrangement | 27      |
| [Wrappers](/v2/resources/documentation-guide/component-library/wrappers)       | Holds, groups, or spatially arranges other components            | 31      |
| [Displays](/v2/resources/documentation-guide/component-library/displays)       | Renders authored content into a specific visual format           | 20      |
| [Scaffolding](/v2/resources/documentation-guide/component-library/scaffolding) | One-per-page structural skeleton – heroes, portals, frame-mode   | 20      |
| [Integrators](/v2/resources/documentation-guide/component-library/integrators) | Fetches, embeds, or binds to external/third-party data           | 18      |
| [Config](/v2/resources/documentation-guide/component-library/config)           | Non-component config objects                                     | 1       |

### Classification Decision Tree

1. Fetches, embeds, or binds to external/third-party data? → `integrators/`
2. Part of the page's outer structure, typically used once? → `scaffolding/`
3. Takes content and presents it in a formatted way? → `displays/`
4. Exists to hold, group, or arrange other things? → `wrappers/`
5. Single visual piece – no wrapping, no arranging, no fetching? → `elements/`

### Canonical Sources

* Registry JSON: [`docs-guide/config/component-registry.json`](/docs-guide/config/component-registry.json)
* Usage map: [`docs-guide/config/component-usage-map.json`](/docs-guide/config/component-usage-map.json)
* Docs-guide index: [`docs-guide/catalog/components-catalog.mdx`](/docs-guide/catalog/components-catalog.mdx)
