alfresco-ng2-components/docs/core/sidebar-action-menu.component.md
Andy Stark ba905acf13 [ADF-2463] Moved doc files to subfolders (#3070)
* [ADF-2463] Moved doc files to subfolders

* [ADF-2463] Fixed broken image links

* [ADF-2463] Moved doc files to subfolders

* [ADF-2463] Fixed broken image links
2018-03-13 11:55:33 +00:00

1.2 KiB

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>

Properties

Name Type Default value Description
title string The title of the sidebar action.
expanded boolean 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