Skip to main content
Version: Next

FAB

A floating action button (FAB) performs the primary, or most common, action on a screen.

It appears in front of all screen content, typically as a circular shape with an icon in its center.

Also receives all Button props.

Usage#


Props#

FAB#

Reference#

FAB#

color#

Change the color of the FAB.

TypeDefault
stringNone

placement#

FAB placement at bottom, (optional) use style in case of custom placement.

TypeDefault
"left" or "right"None

size#

Change Size of FAB.

TypeDefault
"small" or "large"large

upperCase#

Transform Extended Label text to uppercase.

TypeDefault
booleanNone

visible#

Decide the visibility of the FAB.

TypeDefault
booleantrue