---
name: UnderlineInput
route: /Form/UnderlineInput
menu: Form
---

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

## UnderlineInput

## About

Underlined text input with multiple event handlers and optional error indicator.

## Properties

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

## Basic Usage

<Playground>
  <UnderlineInput
    outerStyle={{}}
    maskType={'custom'}
    label={'Sample Underline Label (no Error)'}
    onChangeText={val => alert('onChangeText called!')}
    onBlur={() => console.log('onBlur called!')}
    error={false}
  />
  <UnderlineInput
    outerStyle={{}}
    maskType={'custom'}
    label={'Sample Underline Label (with Error)'}
    onChangeText={val => alert('onChangeText called!')}
    onBlur={() => console.log('onBlur called!')}
    error={true}
  />
</Playground>

## Implementation Notes

The `otherProps` property hasn't been documented yet.
