<!-- 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 | `:has( app-left-panel app-nav-drawer app-nav-full)` |
| Nav-rail | `:has( app-left-panel app-nav-rail app-nav-full)` |

---

## Appearance: Clipped

**Variants:**

| Variant Name | Class |
|--------------|-------|
| Nav-drawer | `:has( app-left-panel app-nav-drawer app-nav-clipped)` |
| Nav-rail | `:has( app-left-panel app-nav-rail app-nav-clipped)` |
