# Frame Drawer

## Overview

A pull-out sidebar for app navigation and user interaction within the application interface.

<figure><img src="https://837703843-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FUX6zPRMFFK0yrTghj7cY%2Fuploads%2FXDNLxKQHRnQDneo7wskN%2FCleanShot%202025-07-31%20at%2012.50.24%402x-min.png?alt=media&#x26;token=0d69166b-9bd5-4d86-b2c8-b218d303525c" alt=""><figcaption></figcaption></figure>

### Properties

| Name   | Type     | Description    |
| ------ | -------- | -------------- |
| `name` | `string` | Component name |

### Methods

<table><thead><tr><th width="213.1328125">Name</th><th width="170.6796875">Parameters</th><th width="105.0859375">Returns</th><th>Description</th></tr></thead><tbody><tr><td><code>open()</code></td><td>–</td><td><code>void</code></td><td>Open modal window</td></tr><tr><td><code>close()</code></td><td>–</td><td><code>void</code></td><td>Close modal window</td></tr><tr><td><code>setOpenButtonDisabled</code></td><td><code>disabled: boolean</code></td><td><code>void</code></td><td>Disable or enable open button</td></tr><tr><td><code>setValue</code></td><td><code>data: object</code></td><td><code>void</code></td><td>Set component data</td></tr><tr><td><code>reset()</code></td><td>–</td><td><code>void</code></td><td>Reset component to the initial value</td></tr><tr><td><code>validate()</code></td><td>–</td><td><code>void</code></td><td>Trigger form validation</td></tr><tr><td><code>resetValidation()</code></td><td>–</td><td><code>void</code></td><td>Clear validation errors</td></tr></tbody></table>

### Triggers

<table><thead><tr><th width="116.6640625">Name</th><th>Description</th></tr></thead><tbody><tr><td><strong>On Init</strong></td><td>Triggered when the component is initialized</td></tr><tr><td><strong>On Open</strong></td><td>Triggered when the drawer is opened</td></tr><tr><td><strong>On Close</strong></td><td>Triggered when the drawer is closed</td></tr></tbody></table>