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
camorra-skk 84a9837789 [ADF-2888] UX doesn't respect the Sidenav specifiactions (#3303) 
* [ADF-2771] Sidebar action menu component - UX review

* Add a input property to set the width of sidebar-action-menu.

* [ADF-2888]  UX doesn't respect the Sidenav specifiactions

* Add a input property to set the width of sidebar-action-menu.
2018-05-14 10:00:05 +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

<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
title string The title of the sidebar action.
expanded boolean Toggle the sidebar action menu on expand.
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. 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