# XWUIMediaQuery

Wrapper that shows/hides content based on media query matches

## Basic Usage

Wrapper that shows its content only while the media query matches. `query` is required.

```example
file: examples/BasicUsage.ts
html: examples/BasicUsage.html
title: Basic Usage
description: Shows content only while (min-width: 600px) matches.
```

## Mobile-only content

The wrapped content shows only on narrow viewports via `(max-width: 600px)` - it hides itself when the window widens.

```example
file: examples/MobileOnly.ts
html: examples/MobileOnly.html
title: Mobile-only content
description: Content shown only on screens up to 600px wide.
```

## Dark-mode-only content

Reacts to `(prefers-color-scheme: dark)` - the note appears only when the OS/browser is in dark mode.

```example
file: examples/DarkMode.ts
html: examples/DarkMode.html
title: Dark-mode-only content
description: Content shown only when dark color scheme is preferred.
```

```api
```