Skip to content

Floating Action Button (FAB)

Overview

FAB provides a primary action in your application and can be customized with animation and size options.

fab

Properties

namedescriptiontypedefault
typeThe type of FAB. Options: PRIMARY, SECONDARY, TERTIARY, SURFACE.FloatingActionButtonTypePRIMARY
labelText label for the FAB.string-
extendedControls label visibility with animation.true-
sizeSize of the FAB. Options: SMALL, BIG.FloatingActionButtonSizeSMALL
iconPropsAdditional props for the icon.T-
IconIcon to display in the FAB.React.FC-
labelStyleStyle for the label text.TextStyle-