DaffSidebarComponent is heavily based upon the work done by the @angular/components team on `mat-drawer` and `mat-sidenav`. `daff-sidebar` is intended to be a simplified version (with a different design) of `mat-drawer`.
Selector:'daff-sidebar'
| Name | Type | Description | |||
|---|---|---|---|---|---|
| transformSidebar | The animation state of the sidebar. | ||||
| @Output() escapePressed | EventEmitter<void> | Event fired when `ESC` key is pressed when the sidebar has focus | |||
| @Input() side | DaffSidebarSide |
What side of the viewport to show the sidebar on. | |||
| @Input() mode | DaffSidebarMode |
The mode of the sidebar. | |||
| @Input() open | false | Whether or not the sidebar is open. | width | The width of the sidebar. | |
| onAnimationStart | Animation event that can be used to hook into when the transformSidebar animation begins. This is used in sidebar to determine when to show the visibility of the sidebar so that the animation does not jump as the element is shown. | ||||
| onAnimationComplete | Animation event that can be used to hook into when the transformSidebar animation is complete. |