vd-multiselect

React MultiSelect Component

Demo

Install

npm install --save @liccampanavd/vd-multiselect

Usage

import React, { Component } from 'react'
import MultiSelect from '@liccampanavd/vd-multiselect'

class Example extends Component {
  render() {
    return <MultiSelect />
  }
}

Props

| Name | Type | Default | Description | | ------------------ | ------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ------------------------------------------------------------------------------ | | clearEnabled | boolean | true | Specifies whether to display the Clear button in the widget | | disabled | boolean | false | Specifies whether the widget responds to user interaction | | disabledItems | int[] | [] | Specifies the items whose should not be enabled | | displayInfo | boolean | true | Specifies the selection information text | | elementAttr | object | {} | Specifies the attributes to be attached to the widget's root element | | height | string | "" | Specifies the widget's height | | labelKey | string | "" | Specifies the data field whose values should be displayed | | loading | boolean | false | Specifies whether to show the loading indicator | | onValueChanged | func | undefined | A function that is executed when a item is selected or selection is canceled | | searchEnabled | boolean | true | Specifies whether to display the Search input in the widget | | selectAllEnabled | boolean | true | Specifies whether to display the Select All button in the widget | | selectionMode | string | multiple | Specifies item selection mode. One of: ["single", "multiple"] | | store | array | [] | Binds the widget to data | | texts | object | {search: "Search...",clear: "Clear",selectAll: "Select All",deselectAll: "Deselect All",items: "Item(s)",selectedItems: "Item(s) selected",noDataFound: "No data to display"} | Strings that can be changed or localized in the widget | | title | string | "" | The read-only option that holds the text displayed by the widget input element | | value | array | [] | Specifies the currently selected value(s) | | valueKey | string | "" | Specifies which data field provides unique values to the widget's value | | width | string | "" | Specifies the widget's width |

License

MIT © liccampanavd