Input Tag

Install

import {InputTag} from '@xsolla/uikit'

Example

Basic
Russian
USA
China

Usage

<InputTag name="tags" placeholder="Add"/>

With redux-form

<FieldArray component={InputTag} name="tags" placeholder="Add"/>

API

PropertyDescriptionTypeDefault
fieldsconfig for redux-formobject{}
metameta for redux-form or basic inputobject{touched: false, error: null}
nameinput namestringnull
inlineinline input renderbooleanfalse
offsetcan be set to left, left-separated, right, bothstringfalse
iconicon for inputstringnull
readOnlyset button appearance (clickable, usually with click handler)booleanfalse
onClickcallback function that is fired on Input onClick eventevent => void 0
focusedset focus to inputbooleanfalse
placeholderset the placeholder of inputstringnull
disabledset the disabled of inputbooleanfalse
hideInputhide inner text input, useful when there is an outer source of changesbooleanfalse