Input

The input component is used to collect user input.

Demo

Props

adornmentLeft

ReactNode positioned to the left of the input.

adornmentRight

ReactNode positioned to the right of the input.

error

Boolean to indicate an error state.

as

ElementType to define the component used for the input.

disabled

Boolean to indicate if the input is disabled.

inputSize

InputSize to define the size of the input.

containerProps

InputContainerProps for the input container.

readOnly

Boolean to indicate if the input is read-only.

Code Snippet

<Input placeholder="Type here..." />