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.

Usage

import { FAB } from 'react-native-elements';

<FAB title="Create" />

---

Props

Also receives all Button props

• placement
• color
• size
• visible
• upperCase
• overlayColor

---

Reference

placement

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

Type	Default
leftor right	none

---

color

Type	Default
color name	theme's secondary color

---

size

Size of FAB

Type	Default
'large' or 'small'	large

---

visible

FAB visibility

Type	Default
Boolean	false

---

upperCase

Transform Extended Label text to uppercase

Type	Default
boolean	false

---

overlayColor

Color of background overlay

Type	Default
color string	#454545

---

---