Tree Select

Select component to select value from options.

Install

import {TreeSelect} from '@xsolla/uikit';

Examples

Single
Multiple
With search
Multiple with tags
Multiple & allow select nested folder
Display only selected items count with kind="count"
Count select
Tag select
Planes

Usage

<TreeSelect
  name="single"
  input={{
    value: this.state.single,
     onChange: single => this.setState({single})
  }}
  options={options}
/>

API

PropertyDescriptionTypeDefault
inputconfig for redux-form or basic selectobject{}
nameselect namestringnull
optionsoptions in format [{id: number, label: string, disabled?: boolean, options?: Array<OptionType>}]array[]
sizecan be set to xs, sm, mdstringsm
placeholderset the placeholder of inputstringnull
searchableset searchable of selectboolfalse
disabledset the disabled status of selectboolfalse
allowMultiSelectthis allows you to select multiple valuesboolfalse
allowSelectNestedFolderthis allows you to select nested foldersboolfalse
objectivetype of select inputcount, plain, tagsplain
classNamecustom className for selectstring
dataIdattribute for data identifierstring