# XWUIOverlaySideSheet

Dedicated side sheet (M3/Fluent): panel anchored to left or right with overlay scrim. Distinct from navigation drawer.

## Basic Usage

Dedicated side sheet (M3/Fluent): panel anchored to left or right with overlay scrim.

```example
file: examples/BasicUsage.ts
html: examples/BasicUsage.html
title: Basic Usage
description: Dedicated side sheet (M3/Fluent): panel anchored to left or right with overlay scrim.
```

## Filter Panel

A right-anchored side sheet used as a filter drawer - title, checkbox controls, and an Apply / Reset footer, sliding in over a scrim.

```example
file: examples/FilterPanel.ts
html: examples/FilterPanel.html
title: Filter Panel
description: A right-anchored side sheet used as a filter drawer - title, checkbox controls, and an Apply / Reset footer, sliding in over a scrim.
```

## Left Push Details

A left-anchored side sheet using push behavior - page content shifts aside rather than dimming - sized large for a roomy detail panel.

```example
file: examples/LeftPushDetails.ts
html: examples/LeftPushDetails.html
title: Left Push Details
description: A left-anchored side sheet using push behavior - page content shifts aside rather than dimming - sized large for a roomy detail panel.
```

```api
```