@berlitz/input NPM | npm.io

4.3.3 • Published 9 months ago

Install

Weekly downloads

5,692

License

MIT

Repository

Last release

9 months ago

Input

Simple wrapper around the native input component with some smarts.

Installation

yarn add @berlitz/input

Props

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

Usage

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

react-input-mask styled-components-rtl

@infinitebrahmanuniverse/nolb-_ber @everything-registry/sub-chunk-121 @berlitz/form @berlitz/newsletter-sign-up

9 months ago

9 months ago

9 months ago

9 months ago

4 years ago

4 years ago

4 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago