{"repo":"jakezatecky/react-checkbox-tree","free":true,"listed":false,"github":"https://github.com/jakezatecky/react-checkbox-tree","clone":"git clone https://github.com/jakezatecky/react-checkbox-tree.git","description":"A simple and elegant checkbox tree for React.","language":"JavaScript","stars":731,"topics":["react","tree","checkbox-treeview","treeview"],"license":"MIT","category":"ui-components","readme_excerpt":"react-checkbox-tree A simple and elegant checkbox tree for React. Usage Installation Install the library using your favorite dependency manager: Using npm: Note – By default, this library makes use of [Font Awesome][font-awesome] styles and expects them to be loaded in the browser. Include CSS The library's styles are available through one of the following files: node modules/react-checkbox-tree/lib/react-checkbox-tree.css node modules/react-checkbox-tree/src/scss/react-checkbox-tree.scss Either include one of these files in your stylesheets or utilize a CSS loader: Render Component Below is a minimal example using [state hooks][docs-state-hooks]. Note that CheckboxTree is a [controlled][docs-controlled] component, so you must update its checked and expanded properties whenever a change occurs. Note – All node objects must have a unique value . This component serializes the values into the checked and expanded array for performance optimizations. Changing the Default Icons By default, react-checkbox-tree uses Font Awesome 5/6 for the various icons that appear in the tree. To utilize Font Awesome 4 icons, simply pass in iconsClass=\"fa4\" : To change the rendered icons entirely, simply pass in the icons property and override the defaults. Note that you can override as many or as little icons as you like: If you are using the [ react-fontawesome ][react-fontawesome] library, you can also directly substitute those icons: Utility Functions In addition to the CheckboxTre","default_branch":null,"files":null,"tree":[],"storefront":"/r/jakezatecky","claimed":false,"request_supported":{"post":"https://gitbuyer.com/r/jakezatecky/react-checkbox-tree/request-supported","requests":0},"note":"indexed from public GitHub; nothing is for sale on this page. Clone it from GitHub. Paid listings live at /search."}