Skip to main content
Version: Bleeding Edge 🚧

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.

Import

import { FAB } from "@rneui/themed";

Usage

Props

note

Includes all Button props.

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

Playground

Loading...