0.0.3 • Published 9 years ago
react-predict v0.0.3
react-predict
ReactJS for input with autocomplete based on list of words.
Installation
With npm:
$ npm install react-predict
With Bower:
$ bower install react-predict
Or use the files on dist
folder.
Don't forget to import the react-predict.css
(or react-predict.min.css
) file too.
Usage
var words = [
'This',
'is',
'Sparta'
];
React.render(<Predict words={ words } {...otherOptions /* See below */}/>,
document.getElementById('search-box'));
Options
You can pass the following props for Predict:
- words: Array of words or jsT9 instance. (default:
[]
) - wordsSettings: If
words
option is an array, wordsSettings will be passed when instancing the jsT9 tree. (default:{}
) - itemComponent: Component that will wrap each of the suggested items. (default:
'div'
) - itemProps: Properties of each of the suggested items. (default:
{}
) - inputProps: Properties of the input field. (default:
{}
) - fillOnChoose: If should fill the input when suggested item is clicked. (default:
true
) - hideOnChoose: If should hide the suggestion list when item is clicked. (default:
true
) - hideOnClickOutside: If should hide the suggestion list when it is clicked outside of it. (default:
true
)