Input

Simple wrapper around the native input component with some smarts.

Installation

yarn add @berlitz/input

Argument	Type	Required	Notes
ariaDescribedby	String
autocomplete	String		https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/autocomplete
button	Bool		Will add an arrow button to the right of the input, which accepts an onClick prop
defaultValue	String
disabled	Bool
ghost	Bool		alternate style with only a bottom border
id	String
invalid	Bool
mask	String		Mask pattern https://www.npmjs.com/package/react-input-mask
maskChar	String		Mask character, typically " " or "_"
name	String	X
onBlur	Func
onChange	Func
onClick	Func		onClick handler to attach to the optional button prop
onKeyDown	Func
onKeyPress	Func
onKeyUp	Func
pattern	String		https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/pattern
placeholder	String
required	Bool
title	String		https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#attr-title
type	String	X
value	String

import Input from '@berlitz/input'
const MyApp = () => <Input name="cool_input" type="text" />