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.

Usage

Import

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

Theme Key

FAB

Variants

Loading...

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...