---
metaTitle: ToggleShowAside component | AwesCode UI
meta:
  - name: description
    content: The <AwToggleShowAside /> component toggles aside/sidebar visibility - UI Vue component for AwesCode UI.
title: ToggleShowAside
---

# AwToggleShowAside

**Category:** Organism | **Import:** Dynamic

The `AwToggleShowAside` component provides a button to toggle the visibility of aside panels or sidebars.

## Usage

```markup
<AwToggleShowAside
  v-model="asideVisible"
  position="right"
/>
```

## API

### Props

| Name | Description | Type | Required | Default |
|------|-------------|------|----------|---------|
| value | Visibility state (v-model) | `Boolean` | `false` | `false` |
| position | Aside position | `String` | `false` | `'right'` |

### Events

| Name | Payload | Description |
|------|---------|-------------|
| input | `visible` | Visibility changed (v-model) |

## Notes

- **Import Method:** Dynamic - Component is loaded on-demand as organism
- Typically used with sidebar/aside panels
- Animates panel in/out