react-material-tags
React component for tipical form control - tags. Has TextField with AutoComplete and tag list.
Examples and more informations - https://maciejsikora.github.io/react-material-tags/
Installation
npm install react-material-tags --save
Dependencies
npm install material-ui --save
Import package ( ES6 )
;
Use in component
<Tags = = = />
Available props
TagspropTypes = defTags: ReactPropTypesarray //start tags sourceTags:ReactPropTypesarray //tags created before and used in autocomplete onlyFromSource:ReactPropTypesbool //if true it will not allow to add tag which not exists in tag list onlyFromSourceErrorText:ReactPropTypesstring //error info when onlyFromSource is on true and user wants add other tag textField:ReactPropTypesobject //textField props chip:ReactPropTypesobject //chip props containerClassName: ReactPropTypesstring //class for container containerStyle: ReactPropTypesobject //style for container onRemove: ReactPropTypesfunc //remove, delete tag callback function(removedTag,allTags) onAdd: ReactPropTypesfunc //add callback function(addedTag,allTags) button: ReactPropTypesobject //button props - it has child prop inside ;