Welcome to the Alfresco Builder Network

Displays a sidebar-action menu information panel.

Sidebar action menu button screenshotSidebar 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:

  • sidebar-menu-title-icon
  • sidebar-menu-options
  • sidebar-menu-expand-icon
<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

NameTypeDefault valueDescription
expandedbooleanToggle the sidebar action menu on expand.
titlestringThe title of the sidebar action.
widthnumber272Width in pixels for sidebar action menu options.

Details

As the name suggests, this is basically just a layout with CSS styling.

Interested in trying Alfresco?

Try Now