---
title: Media Query Debugger
hide_title: true
---

# Media Query Debugger

This component shows the name of the currently active media query defined in the **[Media Query Setup](/library/prefabs/media-query/components/media-query-setup)** component.

<div className="ndl-image-with-background xl">

![](/library/prefabs/media-query/fixed-query-debugger.png)

</div>

## Inputs

| Data                                                | Description                                                                          |
| --------------------------------------------------- | ------------------------------------------------------------------------------------ |
| <span className="ndl-data">Debugger Position</span> | Wether the debugger should render **inline** or be **fixed** in the top right corner |