Package Exports
- es6-react-label-list
This package does not declare an exports field, so the exports above have been automatically detected and optimized by JSPM instead. If any package subpath is missing, it is recommended to post an issue to the original package (es6-react-label-list) to support the "exports" field. If that is not possible, create a JSPM override to customize the exports field for this package.
Readme
#React label/tag list component
Prerequisites
Installation
React label list component is available as an npm package.
Usage
Include es6-react-label-list in your project, you can use the component this way:
import React from 'react';
import LabelList from 'es6-react-label-list/lib/label-list.js'
const MyAwesomeReactComponent = () => (
<LabelList />
);
export default MyAwesomeReactComponent;Customization
So far there are only two optional parameters for the component customization: color, to set the font color of the label; background , to set the background color of the label; listUpdated, a function is called any time there is an update of the label/tag list; and placeholder as the initial input text.
const printMyList = (list) => {
console.log(list.join(', '))
}
const MyAwesomeReactComponent = () => (
<LabelList color="black" background="green" listUpdated={printMyList}/>
);