xs-checklist
Checklist is a container for a series CheckBox components
CheckList, with
- user customizable icons, using emoticons
- returns expected e.target object for controlled forms
Expectations and Dependencies
- depends on
xs-checkbox
- expects data to have keys: 'display', 'id', and 'enabled', as below
id: 'bittrex' display: 'Bittrex' enabled: true id: 'binance' display: 'Binance' enabled: true ...
Installation
Use npm, yarn os other npm package manager you choose to install xs-checkbox
.
# npm npm i -S xs-checklist # yarn yarn add xs-checklist
Usage
Shows simple assignment of checkmark emoticon.
... { // do something with checked value, i.e., update data structure console}...<CheckList className='my-check-list-class' items=data checkedIcon='💰' onChange=thishandleCheckListChange/>
Style
Checklist has a 'className' props, which enables for class name more suitable to your project and tastes. Sure, this has lots of room for improvement.
// //
Contributing
Issues and Pull requests are always welcome. Please keep in mind that there is a code of conduct.
To get started, install the dev dependencies and build the exports if needed.
# install dependencies npm install # build the project for distribution npm run build:prod