Input.InputField

View Source

The base component used in Input as well as Input.Inline and Combobox.Input. Provides a clean input base to build on top of.

render(<Input.InputField placeholder="Naked input" />)

render(<Input.InputField placeholder="Naked input" />)

Props

Accepts Box props.

autoWidthboolean | number | string

Sets the input’s width to the exact size of the text plus padding and cursor. Allows a string to be passed for measuring if input value is different from displayed value.

autoWidthType'width' | 'basis' | 'both'

Determines how the size is applied. Either through width or flexBasis.

highlightOnInteractionboolean

Forces the input text to stay fully selected while interacting with it.

innerRefany

Gain access to the internal ref

placeholderColorstring

Easily set the placeholder color of the input.

size'xs' | 'sm' | 'md' | 'lg' | 'xl'

Size of the input font-size, and line-height. Based on theming sizes.

Props

PreviousInput.InputBox NextInput.InputLabel