1. Components
  2. Input

Input

A widget that enables users to provide data.

Size

Prefix/suffix

To provide an icon prefix or suffix, use the leftIcon and rightIcon props, respectively. To provide a text prefix or suffix, use the prefix and suffix props, respectively. Note that the component is typed to only take in one of (prefix, leftIcon) and one of (suffix, rightIcon) (i.e. it only accepts at most one of each).

https://.com
https://.com
https://.com

The containerized prop only applies to containers for leftIcon and rightIcon.

Disabled

https://.com

Invalid

3.146535

The example above uses the pattern prop to enforce numeric inputs and provides invalid, text, default values.