Skip to main content
v1.0.5

Inputs

Most common form control, text-based input fields. Includes support for all HTML5 types: text, password, datetime, datetime-local, date, month, time, week, number, email, url, search, tel, and color.

Inputs will only be fully styled if their type is properly declared.

Text field
ReferenceError: React is not defined
Password field
ReferenceError: React is not defined
Size

Input has a size attribute that takes three options: small, medium (default), and large.

ReferenceError: React is not defined
With icon
ReferenceError: React is not defined

Props

PropertyRequiredTypeDefaultDescription
iconnoStringSee Icons for valid icon names
sizenooneOf('small', 'medium', 'large')'medium'Size variations

All other props are passed to the internal <input> tag.

Imports

Import React components (including CSS):

import {Input} from 'pivotal-ui/react/inputs';

Import CSS only:

import 'pivotal-ui/css/inputs';