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
Positions

[size]="FloatingActionSize.SMALL"

Show new messages

[size]="FloatingActionSize.MID"

Show new messages

Inputs in Sizes
size ?: FloatingActionSize = FloatingActionSize.SMALL
Also set in this example
icon : FloatingActionIcon
text : string