[ADF-2097] Sidebar Action Menu - New component (#2813)

SidebarMenu Component
This commit is contained in:
siva kumar
2018-01-11 20:24:50 +05:30
committed by Eugenio Romano
parent 783f7f0497
commit d5b17c14e2
25 changed files with 492 additions and 14 deletions

Binary file not shown.

After

Width:  |  Height:  |  Size: 7.3 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 9.0 KiB

View File

@@ -0,0 +1,38 @@
# Sidebar action menu component
Displays a sidebar-action menu information panel.
![Sidebar action menu button screenshot](docassets/images/sidebar-action-menu-button.png)
![Sidebar action menu icon screenshot](docassets/images/sidebar-action-menu-icon.png)
## Basic usage
```html
<adf-sidebar-action-menu>
<mat-icon sidebar-menu-title-icon>arrow_drop_down</mat-icon>
<div sidebar-menu-expand-icon>
<mat-icon>queue</mat-icon>
</div>
<div sidebar-menu-options>
<button mat-menu-item>
<mat-icon>assignment</mat-icon>
<span>Button Name</span>
</button>
</div>
</adf-sidebar-action-menu>
```
### Properties
| Name | Type | Default | Description |
| --- | --- | --- | --- |
| title | string | null | The title of the Sidebar action |
| expanded | boolean | false | Toggle the sidebar action menu on expand.
## Details
As the name suggests, this is basically just a layout with CSS styling. There are three regions where you can add your own content, as shown in the example:
- sidebar-menu-title-icon
- sidebar-menu-options
- sidebar-menu-expand-icon