15.0.0 • Published 3 years ago

@angular-mdl/fab-menu v15.0.0

Weekly downloads
5
License
MIT
Repository
github
Last release
3 years 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
15.0.0

3 years ago

13.0.0

4 years ago

12.0.0

4 years ago

11.0.0

5 years ago

10.0.1

5 years ago

10.0.0

5 years ago

9.0.0

5 years ago

8.0.0

6 years ago

8.0.0-beta.0

6 years ago

6.0.0

7 years ago

5.0.0

7 years ago

0.1.1

8 years ago

0.1.0

8 years ago