Input

A component for all user input. It is responsible for rendering select, textarea, and inputs of any type with the appropriate bootstrap class name.

Extra props supplied to Input will be passed through to the html node.

Text

Select

Textarea

Date

File

Range

Input Props API
  • type enum'textarea' | 'select' | 'checkbox' | 'color' | 'date' | 'datetime' | 'datetime-local' | 'email' | 'file' | 'hidden' | 'image' | 'month' | 'number' | 'password' | 'radio' | 'range' | 'reset' | 'search' | 'submit' | 'tel' | 'text' | 'time' | 'url' | 'week' Required

    specifies the type of component. One of select, textarea, or any valid type for an html input tag.

  • className string

    specifies the className in addition to a bootstrap class name.

  • options shape {
    label: string | number,
    value: string | number,
    disabled: bool,
    group: shape {
    label: string | number,
    value: string | number,
    disabled: bool,
    }
    []
    ,
    }
    []

    should be used to specify the options of an Input of type select

    Default[]