sidebar-action-menu.component.md

Title	Added	Status	Last reviewed
Sidebar action menu component	v2.1.0	Active	2018-11-20

Sidebar action menu component

Displays a sidebar-action menu information panel.

Basic usage

Transclusions

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

<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.