Input

Inputs allow the user to input a small amount of freeform text (100 characters or less).

Read more about when and how to use the Input component on the website.

Getting started

Install the package

yarn add @hig/input @hig/theme-context @hig/theme-data

Import the component

import Input from '@hig/input';

Basic usage

<Input
  value={this.state.value}
  onChange={this.handleChange}
/>

Custom CSS

Use the className prop to pass in a css class name to the outermost container of the component. The class name will also pass down to most of the other styled elements within the component.