Input

An HTML input component. Should be used with Label.

Props

className

String | undefined

Pass it any class to extend styling.

background

String | undefined

border

Number | undefined

borderBottom

Boolean | undefined

color

String | undefined

width

String | undefined

float

Boolean | undefined

Passed from Floating and not meant to be used explicitely.

Basic usage

Normal border:

 
<Input
  className="custom-class"
  id="name"
  name="name"
  placeholder="John Smith"
  width="100%"
  border={1}
/>

Border bottom:

 
<Input
  className="custom-class"
  id="name2"
  name="name2"
  placeholder="John Smith"
  color="tomato"
  border={1}
  borderBottom
  width="100%"
/>