Freelancer logo
Introduction Foundations Components Patterns Directives Pipes Motion Brand

Alerts & notifications

Banner alert Banner announcement Floating action Toast alert

Buttons & actions

Button Link Pull refresh Share buttons Share link Social buttons Split button Toggle buttons

Cards

Card Widget

Forms

Checkbox card Checkbox Currency input File select Input Label Location input Multi select Multiple location input Phone input Radio Search Select Slider Smart textarea Textarea Toggle

Icons / images / media

Animated svg File viewer Gallery mosaic Icon Image cropper

Layouts

Container Grid Page layout Table

Navigation

Breadcrumbs Pagination Tabs

Popups / overlays

Callout Drawer Dropdown filter Highlight Modal More options Tooltip

Progress & loading indicators

Countdown timer Loading text Progress bar Progress steps Spinner

Tags

Tag

Typography

Heading Hr

Floating action

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

Contents

Default Colors Positions Sizes

Show new messages

Inputs
icon : string
text : string
busy ?: boolean
color ?: FloatingActionColor = FloatingActionColor.PRIMARY
position ?: FloatingActionPosition = FloatingActionPosition.BOTTOM
size ?: FloatingActionSize = FloatingActionSize.SMALL