mirror of
https://github.com/Alfresco/alfresco-ng2-components.git
synced 2025-07-24 17:32:15 +00:00
[ADF-2097] Sidebar Action Menu - New component (#2813)
SidebarMenu Component
This commit is contained in:
committed by
Eugenio Romano
parent
783f7f0497
commit
d5b17c14e2
BIN
docs/docassets/images/sidebar-action-menu-button.png
Normal file
BIN
docs/docassets/images/sidebar-action-menu-button.png
Normal file
Binary file not shown.
After Width: | Height: | Size: 7.3 KiB |
BIN
docs/docassets/images/sidebar-action-menu-icon.png
Normal file
BIN
docs/docassets/images/sidebar-action-menu-icon.png
Normal file
Binary file not shown.
After Width: | Height: | Size: 9.0 KiB |
38
docs/sidebar-action-menu.component.md
Normal file
38
docs/sidebar-action-menu.component.md
Normal file
@@ -0,0 +1,38 @@
|
||||
# Sidebar action menu component
|
||||
|
||||
Displays a sidebar-action menu information panel.
|
||||
|
||||

|
||||

|
||||
|
||||
## 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
|
||||
|
Reference in New Issue
Block a user