# XWUIHidden

Show/hide content based on breakpoints Similar to Material UI's Hidden component

## Basic Usage

XWUIHidden Component Show/hide content based on breakpoints Similar to Material UI's Hidden component.

```example
file: examples/BasicUsage.ts
html: examples/BasicUsage.html
title: Basic Usage
description: Content hidden below the md breakpoint - resize the preview narrower to hide it.
```

## Hide above a breakpoint

A mobile-only banner: shown on small screens, hidden once the viewport reaches lg.

```example
file: examples/AboveBreakpoint.ts
html: examples/AboveBreakpoint.html
title: Hide above a breakpoint
description: A mobile-only banner shown on small screens and hidden from lg up.
```

## Hide only at specific breakpoints

Hidden on the md range only, using the CSS implementation instead of JS resize listeners.

```example
file: examples/OnlyBreakpoints.ts
html: examples/OnlyBreakpoints.html
title: Hide only at specific breakpoints
description: Hidden on the md range only, using the CSS implementation.
```

```api
```