Floating Action Button

The mdcFab directive creates a material designed floating action button.

Floating Action Button Demo

API

Directive: MdcFabIconDirective

Selector: [mdcFabIcon]

Directive for the icon of a Floating Action Button (MdcFabDirective).

Directive: MdcFabDirective

Selector: [mdcFab]

Material design Floating Action Button. The element should embed an icon element with the MdcFabIconDirective.

PropertyDescription
@Input()
mini
any

When this input is defined and does not have value false, the FAB will be modified to a smaller size.

@Input()
exited
any

Setting this property to true will animate the FAB out of view. Setting it to false will animate the FAB back into view.