---
id: fab
title: Floating Action Button
---

import Props from './props/fab.md'

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.

<div className="component-preview component-preview--grid component-preview--grid-10">
  <figure>
    <img src="/img/fab.png" alt="Floating Action Button" />
  </figure>
</div>

## Usage

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

```js
<FAB title="Create" />
```

---

## Props

<Props />

---
