Version: Next

Floating Action Button

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.

Floating Action Button

Usage#

import { FAB } from 'react-native-elements';
<FAB title="Create" />

Props#

Also receives all Button props


Reference#

placement#

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

TypeDefault
leftor rightnone

color#

TypeDefault
color nametheme's secondary color

size#

Size of FAB

TypeDefault
'large' or 'small'large

visible#

FAB visibility

TypeDefault
Booleanfalse

upperCase#

Transform Extended Label text to uppercase

TypeDefault
booleanfalse

overlayColor#

Color of background overlay

TypeDefault
color string#454545