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.
Props
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';