Version: 3.0.0-next.40

FAB

A floating action button is a circular icon button that hovers over content to promote a primary action in the application.

Import#

import { Fab } from 'native-base';

Example#

Basic#

Placement#

Custom Position#

Props#

Name Type Description Default
placement "top-right" | "top-left" | "bottom-right" | "bottom-left" Placement of the Fab bottom-right
label Element Text to be displayed in Fab -
icon Element Icon to be displayed in Fab -

Fab implements Button, Pressable