13.0.0 • Published 10 months ago

@angular-mdl/fab-menu v13.0.0

Weekly downloads
5
License
MIT
Repository
github
Last release
10 months ago

Fab

Installing

npm i --save @angular-mdl/popover @angular-mdl/fab-menu

import { MdlSelectModule } from '@angular-mdl/fab-menu';

If you need to support IE11 please add https://www.npmjs.com/package/custom-event-polyfill to your polyfills.

Usage example

<mdl-fab-menu #mainFabMenu>
    <mdl-fab-menu-item
        [fabMenu]="mainFabMenu"
        icon="note_add"
        label="make a note"
        (menu-clicked)="log('we need to do something here')">
    </mdl-fab-menu-item>
    <mdl-fab-menu-item
        [fabMenu]="mainFabMenu"
        icon="refresh"
        label="refresh"
        (menu-clicked)="/*do something here*/">
    </mdl-fab-menu-item>
    <mdl-fab-menu-item
        [fabMenu]="mainFabMenu"
        icon="refresh"
        label="refresh"
        (menu-clicked)="/*do something here*/">
    </mdl-fab-menu-item>
</mdl-fab-menu>

forcing the tooltips to be displayed

<mdl-fab-menu #mainFabMenu [alwaysShowTooltips]="true">
    ...
</mdl-fab-menu>

API Summary

mdl-fab-menu

NameTypeDescription
[alwaysShowTooltips]booleandecide if either or not the tooltips should always be displayed (let it unbinds to always display them on touch screens and on mouseover on "mouse-screen")

mdl-fab-menu-item

NameTypeDescription
[fabMenu]MdlFabMenuthe enclosing menu
[icon]stringmini-fab icon
[label]stringtooltip content
(menu-clicked)eventthe item has been clicked
13.0.0

10 months ago

12.0.0

1 year ago

11.0.0

2 years ago

10.0.1

2 years ago

10.0.0

2 years ago

9.0.0

3 years ago

8.0.0

3 years ago

8.0.0-beta.0

3 years ago

6.0.0

4 years ago

5.0.0

4 years ago

0.1.1

5 years ago

0.1.0

5 years ago