[@rxap/layout](../wiki/globals) / SidenavComponent

# Class: SidenavComponent

Defined in: [sidenav/sidenav.component.ts:49](https://gitlab.com/rxap/packages/-/blob/36b0e9732b24717840935712e316593ff6aba795/packages/angular/layout/src/lib/sidenav/sidenav.component.ts#L49)

## Constructors

### new SidenavComponent()

> **new SidenavComponent**(): [`SidenavComponent`](../wiki/Class.SidenavComponent)

#### Returns

[`SidenavComponent`](../wiki/Class.SidenavComponent)

## Properties

### collapsable

> `readonly` **collapsable**: `Signal`\<`boolean`\>

Defined in: [sidenav/sidenav.component.ts:61](https://gitlab.com/rxap/packages/-/blob/36b0e9732b24717840935712e316593ff6aba795/packages/angular/layout/src/lib/sidenav/sidenav.component.ts#L61)

***

### collapsed

> `readonly` **collapsed**: `Signal`\<`boolean`\>

Defined in: [sidenav/sidenav.component.ts:60](https://gitlab.com/rxap/packages/-/blob/36b0e9732b24717840935712e316593ff6aba795/packages/angular/layout/src/lib/sidenav/sidenav.component.ts#L60)

***

### fixedBottomGap

> `readonly` **fixedBottomGap**: `Signal`\<`number`\>

Defined in: [sidenav/sidenav.component.ts:56](https://gitlab.com/rxap/packages/-/blob/36b0e9732b24717840935712e316593ff6aba795/packages/angular/layout/src/lib/sidenav/sidenav.component.ts#L56)

***

### fixedInViewport

> `readonly` **fixedInViewport**: `Signal`\<`boolean`\>

Defined in: [sidenav/sidenav.component.ts:58](https://gitlab.com/rxap/packages/-/blob/36b0e9732b24717840935712e316593ff6aba795/packages/angular/layout/src/lib/sidenav/sidenav.component.ts#L58)

***

### fixedTopGap

> `readonly` **fixedTopGap**: `Signal`\<`number`\>

Defined in: [sidenav/sidenav.component.ts:57](https://gitlab.com/rxap/packages/-/blob/36b0e9732b24717840935712e316593ff6aba795/packages/angular/layout/src/lib/sidenav/sidenav.component.ts#L57)

***

### layoutService

> `protected` `readonly` **layoutService**: [`LayoutService`](../wiki/Class.LayoutService)

Defined in: [sidenav/sidenav.component.ts:51](https://gitlab.com/rxap/packages/-/blob/36b0e9732b24717840935712e316593ff6aba795/packages/angular/layout/src/lib/sidenav/sidenav.component.ts#L51)

***

### opened

> `readonly` **opened**: `Signal`\<`boolean`\>

Defined in: [sidenav/sidenav.component.ts:62](https://gitlab.com/rxap/packages/-/blob/36b0e9732b24717840935712e316593ff6aba795/packages/angular/layout/src/lib/sidenav/sidenav.component.ts#L62)

***

### pinned

> `readonly` **pinned**: `Signal`\<`boolean`\>

Defined in: [sidenav/sidenav.component.ts:59](https://gitlab.com/rxap/packages/-/blob/36b0e9732b24717840935712e316593ff6aba795/packages/angular/layout/src/lib/sidenav/sidenav.component.ts#L59)

***

### sidenav

> `protected` `readonly` **sidenav**: `Signal`\<`undefined` \| `MatSidenav`\>

Defined in: [sidenav/sidenav.component.ts:53](https://gitlab.com/rxap/packages/-/blob/36b0e9732b24717840935712e316593ff6aba795/packages/angular/layout/src/lib/sidenav/sidenav.component.ts#L53)

***

### sidenavFooterDirective

> `readonly` **sidenavFooterDirective**: `Signal`\<`undefined` \| [`SidenavFooterDirective`](../wiki/Class.SidenavFooterDirective)\>

Defined in: [sidenav/sidenav.component.ts:63](https://gitlab.com/rxap/packages/-/blob/36b0e9732b24717840935712e316593ff6aba795/packages/angular/layout/src/lib/sidenav/sidenav.component.ts#L63)

***

### sidenavHeaderDirective

> `readonly` **sidenavHeaderDirective**: `Signal`\<`undefined` \| [`SidenavHeaderDirective`](../wiki/Class.SidenavHeaderDirective)\>

Defined in: [sidenav/sidenav.component.ts:64](https://gitlab.com/rxap/packages/-/blob/36b0e9732b24717840935712e316593ff6aba795/packages/angular/layout/src/lib/sidenav/sidenav.component.ts#L64)

***

### sidenavMode

> `readonly` **sidenavMode**: `Signal`\<`MatDrawerMode`\>

Defined in: [sidenav/sidenav.component.ts:55](https://gitlab.com/rxap/packages/-/blob/36b0e9732b24717840935712e316593ff6aba795/packages/angular/layout/src/lib/sidenav/sidenav.component.ts#L55)

## Methods

### closeSidenav()

> **closeSidenav**(): `Promise`\<`void`\>

Defined in: [sidenav/sidenav.component.ts:86](https://gitlab.com/rxap/packages/-/blob/36b0e9732b24717840935712e316593ff6aba795/packages/angular/layout/src/lib/sidenav/sidenav.component.ts#L86)

#### Returns

`Promise`\<`void`\>

***

### onOpenedChanged()

> **onOpenedChanged**(`opened`): `void`

Defined in: [sidenav/sidenav.component.ts:75](https://gitlab.com/rxap/packages/-/blob/36b0e9732b24717840935712e316593ff6aba795/packages/angular/layout/src/lib/sidenav/sidenav.component.ts#L75)

To ensure the open state is in sync with the component. If the sidenav is closed, e.g. clicking outside the sidenav,
it is required to manually update the state in the LayoutService.

#### Parameters

##### opened

`boolean`

#### Returns

`void`

***

### openSidenav()

> **openSidenav**(): `Promise`\<`void`\>

Defined in: [sidenav/sidenav.component.ts:81](https://gitlab.com/rxap/packages/-/blob/36b0e9732b24717840935712e316593ff6aba795/packages/angular/layout/src/lib/sidenav/sidenav.component.ts#L81)

#### Returns

`Promise`\<`void`\>

***

### togglePinned()

> **togglePinned**(): `void`

Defined in: [sidenav/sidenav.component.ts:66](https://gitlab.com/rxap/packages/-/blob/36b0e9732b24717840935712e316593ff6aba795/packages/angular/layout/src/lib/sidenav/sidenav.component.ts#L66)

#### Returns

`void`