forms.js

// Materialize
<Input
  s=number // ##########
  m=number // Media query sizes
  l=number // ##########
  children=node
  className=string
  label=node
  error=string
  success=string
  type=string // select|checkbox|radio|text|tel|email
  defaultValue=any
  placeholder=string
  id=string
  icon=string
  name=string
  validate=bool
  multiple=bool
  onLable=string
  offLabel=string
  onChange=func
  options=any
  value=string
/>
    
// Semantic-ui-react
<Input
  action=bool|node // alert user to an action they may perform
  actionPosition=string // action to appear alongside input on left or right
  as=node // element type to render
  children=node // primary content
  className=string
  disabled=bool
  error=bool
  fluid=bool
  focus=bool
  icon=bool|custom
  iconPosition=string
  input=string // textarea|text|password|tel|email
  inverted=bool // format to appear on dark backgrounds
  label=string|node
  labelPosition=string
  loading=bool
  onChange=func
  size=string
  transparent=bool
/>
    
// Ant Design
<Input
  type=string // textarea|text|password|tel|email
  id=string
  value=string
  defaultValue=string
  size=string // size of input box large|default|small
  disabled=bool 
  addonBefore=string|node // label text displayed before
  addonAfter=string|node // label text displayed after
  prefix=string|node // input with prefix icon
  suffix=string|node // input with suffix icon
  onPressEnter=func // callback for when enter is pressed
/>

// Blueprint
<InputGroup
  className=string
  defaultValue=string
  disabled=bool
  leftIconName=string
  onChange=func
  placeholder=string
  type=string // textarea|text|password|tel|email
  value=string
/>
    
// React-bootstrap
// writing alot of wrapper components around default
// <input> components
    
// Grommet
// Has multiple components
// NumberInput|PasswordInput|SearchInput|TextInput
<TextInput
  defaultValue=string
  name=string
  onDOMChange=func
  onSelect=func
  placeHolder=string
  suggestions=array // suggestions to show
  value=string
/>
    
// Lightning-deisgn
<Input
  addonRight=string
  addonLeft=string
  error=other
  iconRight=other
  cols=number
  iconLeft=other
  defaultValue=string
  htmlReadOnly=bool
  className=string
  label=string
  onChange=func
  onKeyDown=func
  placeholder=string
  readOnly=bool 
  required=bool
  symbolPatter=string
  totalCols=number
  value=string
/>