@blaze-react/input

Description

Create basic single-line input fields.

Usage

• Required

<Input
  label="Text input required"
  placeholder="Placeholder text"
  onChange={({ event, value }) => {}}
  modifier="full-width"
  validationMessage="Email address is required"
  error
  required
/>

• Disabled

<Input
  label="Text input disabled"
  placeholder="Placeholder text"
  onChange={({ event, value }) => {}}
  type="password"
  hideTypeToggle
  disabled
/>

• Password toggle type

<Input
  label="Password - show hide"
  placeholder="******"
  onChange={({ event, value }) => {}}
  type="password"
  value="Lorem ipsum"
/>

API

Input can receive a number of props as follow:

NAME	TYPE	DEFAULT
label	String	empty
type	String	text
value	String	empty
validationMessage	String	This field is required
disabled	Boolean	false
required	Boolean	false
hideTypeToggle	Boolean	false
error	Boolean	false
onChange	Function	() => {}