@blaze-react/input

Create basic single-line input fields.

Usage no npm install needed!

<script type="module">
  import blazeReactInput from 'https://cdn.skypack.dev/@blaze-react/input';
</script>

README

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