<!-- AUTO-GENERATED FILE. Do not edit manually. -->

# Aside-left Variants

This component supports the following appearances and variants. To apply them, use the corresponding class(es) on your widget.

---

## Appearance: Full

**Variants:**

| Variant Name | Class |
|--------------|-------|
| Nav-drawer | `app-nav-full app-left-panel app-nav-drawer,  wm-app  app-page:has( app-nav-drawer) slide-in-left-panel-container left-panel-expanded-container` |
| Nav-rail | `app-nav-full app-left-panel app-nav-rail,  wm-app  app-page:has( app-nav-rail) slide-in-left-panel-container left-panel-expanded-container` |

---

## Appearance: Clipped

**Variants:**

| Variant Name | Class |
|--------------|-------|
| Nav-drawer | `app-nav-clipped app-left-panel app-nav-drawer,  wm-app  app-left-panel app-nav-drawer` |
| Nav-rail | `app-nav-clipped app-left-panel app-nav-rail,  wm-app  app-left-panel app-nav-rail` |
