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 | () => {} |