react-multiselect-checkbox
v2.9.0
A React component implementing multiple selection for checkbox inputs as well as other DOM elements.
0/weekUpdated 3 years agoMITUnpacked: 3.2 MB
Published by Anton Bagdatyev
npm install react-multiselect-checkboxreact-multiselect-checkbox
A React component implementing multiple selection for checkbox inputs as well as other DOM elements.
Installation
``bash`
npm install --save react-multiselect-checkbox
Install peer dependencies:
`bash`
npm install --save react react-dom
Usage
`jsx
import React, { Component } from "react";
import MultiselectCheckbox from "react-multiselect-checkbox";
class Example extends Component {
render() {
return (
| ID | NAME | SURNAME | sync=".table .row" onNotAllChecked={(selectedMap) => { console.log("Not all checked", selectedMap.orderedByI()); }} onAllChecked={(selectedMap) => { console.log("All checked", selectedMap.orderedByI()); }} onAllUnchecked={(selectedMap) => { console.log("All unchecked", selectedMap.orderedByI()); }} /> |
|---|---|---|---|
| 1 | John | Richardson | |
| 2 | Terry | Mitchell | |
| 3 | Emma | Moore | |
| 4 | Larry | Young | |
| 5 | Amanda | Walker | |
| 6 | Sara | Sullivan | |
| 7 | Tommy | Green | |
| 8 | Scott | Reyes | |
| 9 | Raimond | Reed | |
| 10 | Sam | Parker | |
| 11 | Peter | Ortiz | |
| 12 | Olivia | Garden | |
| 13 | Ava | Mayer | |
| 14 | John | Robinson | |
| 15 | Amelia | Simpson | |
| 16 | Charlotte | Martinez | |
| 17 | Sophia | Jones | |
| 18 | Alfred | Jackson | |
| 19 | Albert | Hill | |
| 20 | Howard | Foster | |
| 21 | Evelyn | Evans | |
| 22 | Richard | Davis | |
| 23 | Jim | Brown | |
| 24 | Emily | Campbell | |
| 25 | Ester | González | |
| 26 | Charlotte | De La Rosa | |
| 27 | Michael | Wells | |
| 28 | Mila | Young | |
| 29 | Kevin | Harris | |
| 30 | Hannah | Gray | |
| 31 | Clark | Wayne | |
| 32 | Ellie | Fisher | |
| 33 | Paul | Phillips | |
| 34 | Anthony | Wright | |
| 35 | Adam | Baker | |
| 36 | Samantha | Morris | |
| 37 | Peter | Collins | |
| 38 | Lily | Sweet | |
| 39 | Justin | Cook | |
| 40 | Tim | Bell | |
| 41 | Tom | Clancy | |
| 42 | Frederique | Darragon | |
| 43 | Jules | Vern | |
| 44 | Amelia | Simpson | |
| 45 | Mary | Hold | |
| 46 | Valentino | Rossi | |
| 47 | Peter | Thrive | |
| 48 | Patrick | Jamison | |
| 49 | Albert | Collins | |
| 50 | John | McKenty |
);
}
}
``
License
MIT © Anton Bagdatyev (Tonix)