Skip to content

Latest commit

 

History

History
53 lines (40 loc) · 1.56 KB

sidebar-action-menu.component.md

File metadata and controls

53 lines (40 loc) · 1.56 KB
Raw
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.

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:

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