Skip to main content
Version: 4.0.0-rc.2

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

note

Includes all Button props.

NameTypeDefaultDescription
colorstringChange the color of the FAB.
placementleft or rightFAB placement at bottom, (optional) use style in case of custom placement.
sizesmall or largelargeChange Size of FAB.
styleView StyleStyle for FAB
upperCasebooleanTransform Extended Label text to uppercase.
visiblebooleantrueDecide the visibility of the FAB.