> ## Documentation Index
> Fetch the complete documentation index at: https://docs.rixxui.com/llms.txt
> Use this file to discover all available pages before exploring further.

# @rixx-ui/react-devtools API

> Complete component, hook, prop, binding, option, and tab exports for Rixx UI Devtools.

## Value exports

| Export           | Purpose                                                          |
| ---------------- | ---------------------------------------------------------------- |
| `useRUIDevtools` | Capture renderer state and a bounded event history               |
| `RUIDevtools`    | Render Source, Diagnostics, Snapshot, Catalog, and Events panels |

## Type exports

| Export                  | Purpose                                                     |
| ----------------------- | ----------------------------------------------------------- |
| `RUIDevtoolsTab`        | `Source`, `Diagnostics`, `Snapshot`, `Catalog`, or `Events` |
| `UseRUIDevtoolsOptions` | Optional `maxEvents` retention limit                        |
| `RUIDevtoolsBindings`   | State, events, callbacks, `rendererProps`, and clear method |
| `RUIDevtoolsProps`      | `className`, `defaultTab`, state, events, and clear method  |

`maxEvents` defaults to 200. Non-finite limits fall back to the default;
negative values become zero. `rendererProps` can be spread onto `RUIRenderer`
and contains only `onEvent` and `onStateChange`.

Import `@rixx-ui/react-devtools/styles.css` separately. See the
[Devtools guide](/integrations/devtools) for a complete example and
data-handling warning.