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 definedPassword field
ReferenceError: React is not definedSize
Input has a size attribute that takes three options: small, medium (default), and large.
ReferenceError: React is not definedWith icon
ReferenceError: React is not definedProps
| Property | Required | Type | Default | Description |
|---|---|---|---|---|
icon | no | String | See Icons for valid icon names | |
size | no | oneOf('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';