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.

Copy

Edit

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

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

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.

placeholderColorstring

Easily set the placeholder color of the input.

highlightOnInteractionboolean

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

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

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

Props

PreviousInput.InputBox NextInput.InputLabel