# UIB MainSidebarModule

## Prequisites

Add the `MainSidebarModule` module to your module imports:

```TS
import { MainSidebarModule } from '@uib/angular';

@NgModule({
  imports: [
    // ...
    MainSidebarModule,
    // ...
  ],
})
// ...
```

## UibMainSidebar

### Examples

```HTML
<main class="uib-main">
  <uib-main-sidebar [isOpen]="isOpen" [autoUpdate]="autoUpdate" (toggle)="onSidebarStateChange($event)">
    <div uibMainSidebarHeader>
      header content
    </div>
    <div>
      sidebar content
    </div>
  </uib-main-sidebar>
  <div class="uib-main__work">
  </div>
</div>
```