1 capture

12 May 2021

Apr	MAY	Jun
	12
2020	2021	2022

success

fail

About this capture

COLLECTED BY

Collection: Common Crawl

Web crawl data from Common Crawl.

TIMESTAMPS

The Wayback Machine - http://web.archive.org/web/20210512045552/https://reactnativeelements.com/docs/fab/

React Native ElementsVersions Docs Components Help GitHub Blog 🌜 🌞

React Native Elements ●Docs ●Components ●Help ●GitHub ●Blog ●Versions ●It Starts Basic ●Getting Started ●Overview ●Customization ●Usage on the Web ●Troubleshooting ●Components ●Avatar ●Badge ●Bottom Sheet ●Button ●ButtonGroup ●Card ●CheckBox ●Chip ●Divider ●Floating Action Button ●Header ●Icon ●Image ●Input ●Linear Progress ●ListItem ●Overlay ●Pricing ●Rating ●SearchBar ●Slider ●SocialIcon ●Speed Dial ●Switch ●Tabs ●Text ●Tile ●Tooltip ●Repo ●Contributing ●Testing ●Label Guide Version: 3.4.1

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 ●placement ●color ●size ●visible ●upperCase ●overlayColor

Reference#

`placement`#

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

Type	Default
`left`or`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`

Edit this page Previous « Divider Next Header » ●Usage ●Props

Docs

●Getting Started ●Components

Community

●Chat with us on Slack ●Submit a bug or feature ●Support us on Open Collective

●GitHub