Introduction Foundations Components Directives Pipes Motion Brand

Alerts & notifications

Banner alert Banner announcement Floating action Toast alert

Buttons & actions

Cards

Forms

Icons / images / media

Layouts

Navigation

Popups / overlays

Progress & loading indicators

Tags

Typography

Components Alerts & notifications Floating action

Floating action

Floating action is used to notify and provide action for the user.

Contents

Default
Colors
Icon only
Sizes

[position]="FloatingActionPosition.BOTTOM"

Show new messages

[position]="FloatingActionPosition.TOP"

Show new messages

Inputs in Positions
position ?: FloatingActionPosition = FloatingActionPosition.BOTTOM
Also set in this example
icon : FloatingActionIcon
text : string