inteligr8/alfresco-ng2-components
1
0
Fork 0
mirror of https://github.com/Alfresco/alfresco-ng2-components.git synced 2025-05-12 17:04:57 +00:00
Code Issues Packages Projects Releases Wiki Activity
alfresco-ng2-components/docs/core/sidebar-action-menu.component.md
Andy Stark 2c49de6070 [ADF-3514] Added transclusions sections to doc files (#3756) 
* [ADF-3514] Added transclusion sections and guide page

* [ADF-3514] Updated tables of contents where needed

* [ADF-3514] Updated index files
2018-09-10 11:11:25 +01:00

1.3 KiB
Raw Blame History

Added, Status
Added Status
v2.1.0 Active

Sidebar action menu component

Displays a sidebar-action menu information panel.

Sidebar action menu button screenshot Sidebar action menu icon screenshot

Basic usage

Transclusions

There are three regions where you can add your own content in <div> elements with the following names:

  • sidebar-menu-title-icon
  • sidebar-menu-options
  • sidebar-menu-expand-icon
<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>

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.