---
name: FormButton
route: /Buttons/FormButton
menu: Buttons
---

import { Playground, PropsTable } from 'docz'
import { Alert } from 'react-native'
import { FormButton } from '../../src'
import { colors } from '@barcard/functions'

## FormButton

## About

Configurable form button.

## Basic Usage

<Playground>
  <FormButton
    text={'Click me!'}
    isSubmitting={false}
    textColor={colors.teal}
    handlePress={() => alert('Thanks for clicking me!')}
    wrapperStyle={{ marginBottom: 20 }}
  />
  <FormButton
    text={'Click me!'}
    isSubmitting={false}
    handlePress={() => alert('Thanks for clicking me!')}
    wrapperStyle={{ marginBottom: 20 }}
  />
  <FormButton
    gradient={true}
    text={'Click me!'}
    isSubmitting={false}
    handlePress={() => alert('Thanks for clicking me!')}
    wrapperStyle={{ marginBottom: 20 }}
  />
  <FormButton
    gradient={true}
    text={'Click me!'}
    isSubmitting={true}
    handlePress={() => alert('Thanks for clicking me!')}
    wrapperStyle={{ marginBottom: 20 }}
  />
</Playground>

## Properties

<PropsTable of={FormButton} includeDescription={true} />
