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
Icon only
Positions
Sizes

[color]="FloatingActionColor.PRIMARY"

Show new messages

[color]="FloatingActionColor.DEFAULT"

Show new messages

Inputs in Colors
color ?: FloatingActionColor = FloatingActionColor.PRIMARY
Also set in this example
icon : FloatingActionIcon
text : string