FAB

A floating action button represents the primary action in an application.

Usage

import * as React from 'react';
import { FAB } from 'react-native-paper';

const MyComponent = () => (
  <FAB
    small
    icon="add"
    onPress={() => {}}
  />
);

Props

icon (required) Type: IconSource

Icon to display for the FAB.

label Type: string

Optional label for extended FAB.

small Type: boolean

Whether FAB is mini-sized, used to create visual continuity with other elements. This has no effect if label is specified.

dark Type: boolean

Icon color of button, a dark button will render light text and vice-versa.

color Type: string

Custom color for the FAB.

onPress Type: () => mixed

Function to execute on press.

style Type: any

theme Type: Theme