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/sidebar-action-menu.component.md
siva kumar d5b17c14e2 [ADF-2097] Sidebar Action Menu - New component (#2813) 
SidebarMenu Component
2018-01-11 14:54:50 +00:00

1.1 KiB
Raw Blame History

Sidebar action menu component

Displays a sidebar-action menu information panel.

Sidebar action menu button screenshot Sidebar action menu icon screenshot

Basic usage

<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