mirror of
https://github.com/Alfresco/alfresco-ng2-components.git
synced 2025-05-12 17:04:57 +00:00
54 lines
1.6 KiB
Markdown
54 lines
1.6 KiB
Markdown
---
|
|
Title: Sidebar action menu component
|
|
Added: v2.1.0
|
|
Status: Active
|
|
Last reviewed: 2018-11-20
|
|
---
|
|
|
|
# [Sidebar action menu component](../../../lib/core/src/lib/layout/components/sidebar-action/sidebar-action-menu.component.ts "Defined in sidebar-action-menu.component.ts")
|
|
|
|
Displays a sidebar-action menu information panel.
|
|
|
|
|
|
|
|
|
|
## Basic usage
|
|
|
|
### [Transclusions](../../user-guide/transclusion.md)
|
|
|
|
There are three regions where you can add your own content in `<div>` elements with
|
|
the following names:
|
|
|
|
- adf-sidebar-menu-title-icon
|
|
- adf-sidebar-menu-options
|
|
- adf-sidebar-menu-expand-icon
|
|
|
|
```html
|
|
<adf-sidebar-action-menu>
|
|
<mat-icon adf-sidebar-menu-title-icon>arrow_drop_down</mat-icon>
|
|
<div adf-sidebar-menu-expand-icon>
|
|
<mat-icon>queue</mat-icon>
|
|
</div>
|
|
<div adf-sidebar-menu-options>
|
|
<button mat-menu-item>
|
|
<mat-icon>assignment</mat-icon>
|
|
<span>Button Name</span>
|
|
</button>
|
|
</div>
|
|
</adf-sidebar-action-menu>
|
|
```
|
|
|
|
## Class members
|
|
|
|
### Properties
|
|
|
|
| Name | Type | Default value | Description |
|
|
| ---- | ---- | ------------- | ----------- |
|
|
| expanded | `boolean` | | Toggle the sidebar action menu on expand. |
|
|
| title | `string` | | The title of the sidebar action. |
|
|
| width | `number` | 272 | Width in pixels for sidebar action menu options. |
|
|
|
|
## Details
|
|
|
|
As the name suggests, this is basically just a layout with CSS styling.
|