> ## Documentation Index
> Fetch the complete documentation index at: https://rive-debug-panel.mintlify.site/llms.txt
> Use this file to discover all available pages before exploring further.

# Inspector

> View and edit properties for the current selection.

export const VideoEmbed = ({src}) => {
  return <div style={{
    width: "100%",
    height: "100%",
    overflow: "hidden"
  }}>

      <video src={src} autoPlay loop muted playsInline style={{
    width: "100%",
    height: "100%",
    borderRadius: 0,
    margin: 0,
    display: "block",
    objectFit: "cover",
    backgroundColor: "transparent"
  }} />
    </div>;
};

The Inspector is the right sidebar in the editor. It shows the available properties and options for the current selection.

<img src="https://mintcdn.com/rive-debug-panel/Y8dgm52DhnTVPlCr/images/inspector.png?fit=max&auto=format&n=Y8dgm52DhnTVPlCr&q=85&s=8411e54a52845b70f260be3994c2fca5" alt="Inspector" width="2402" height="1358" data-path="images/inspector.png" />

## Selection Properties

When you select an element, the Inspector updates to show controls for that element.

For example, selecting an artboard, object, joystick, script, property group, or State Machine item shows different options based on what that element can do.

<VideoEmbed src="https://static.rive.app/video/inspector-context.mp4" />

## File Properties

When nothing is selected, the Inspector shows file-level options.

These include:

* [Stage background colors](/editor/interface-overview/stage#stage-background-colors) for Design and Animate modes
* Scripting optimization and debug settings
* Shader targets
* [Tags](/editor/tagging)
* [Default interpolation](/editor/animate-mode/interpolation-easing#default-interpolation)