Skip to content

Commit f01e395

Browse files
committed
Release v1.2.0
Resolves #68, #75.
1 parent 12f9066 commit f01e395

File tree

5 files changed

+50
-29
lines changed

5 files changed

+50
-29
lines changed

CHANGELOG.md

Lines changed: 5 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,10 @@
11
# CHANGELOG
22

3-
## v1.2.0 (TBA)
3+
## [v1.2.0](https://github.com/jakezatecky/react-checkbox-tree/compare/v1.1.0...v1.2.0) (2018-05-08)
4+
5+
### New Features
6+
7+
* [#68]: Add `onClick` and `expandOnClick` properties
48

59
### Other
610

examples/dist/index.html

Lines changed: 15 additions & 12 deletions
Original file line numberDiff line numberDiff line change
@@ -24,7 +24,8 @@ <h2 class="project-tagline">A simple and elegant checkbox tree for React</h2>
2424
<p>
2525
<strong>React Checkbox Tree</strong> is a feature-rich React component for a checkbox treeview.
2626
Checkout the examples below and then view <a href="https://github.com/jakezatecky/react-checkbox-tree/tree/master/examples/src/js">source code</a>
27-
or main <a href="https://github.com/jakezatecky/react-checkbox-tree">documentation page</a> when you are ready to try it out.
27+
or main <a href="https://github.com/jakezatecky/react-checkbox-tree">documentation page</a> when you are ready
28+
to try it out.
2829
</p>
2930

3031
<h1>Examples</h1>
@@ -48,10 +49,22 @@ <h2>No Cascading Example</h2>
4849
<h2>Pessimistic Toggle Example</h2>
4950
<p>
5051
Try clicking a partially-checked node below. Instead of cascading a checked state to all children, the
51-
pessimistic model will uncheck children and their descendents.
52+
pessimistic model will uncheck children and their descendants.
5253
</p>
5354
<div id="pessimistic-toggle-example"></div>
5455

56+
<h2>Clickable Labels Example</h2>
57+
<p>
58+
By default, clicking on the node label toggles the checkbox value. By providing an <code>onClick</code> property
59+
the checkbox will toggle only when clicking on the checkbox and the provided function will be called when
60+
clicking on the node label.
61+
</p>
62+
<p>
63+
When the <code>onClick</code> function is defined, passing the <code>expandOnClick</code> property will also
64+
expand the clicked node automatically.
65+
</p>
66+
<div id="clickable-labels-example"></div>
67+
5568
<h2>Hide Checkboxes Example</h2>
5669
<p>
5770
Checkboxes can be hidden on a node-level by setting <code>showCheckbox: false</code> for any given node. They
@@ -64,16 +77,6 @@ <h2>Large Data Example</h2>
6477
<p>The checkbox tree is capable of supporting a large number of nodes at once.</p>
6578
<div id="large-data-example"></div>
6679

67-
<h2>Clickable Labels Example</h2>
68-
<p>
69-
By default, clicking on the node label texts toggle the checkbox value. Providing an <code>onClick</code> property the checkbox will toggle
70-
only when clicking on the checkbox and the provided function will be called when clicking on the node label text.
71-
</p>
72-
<p>
73-
When the <code>onClick</code> function is defined passing the <code>expandOnClick</code> property will expand the clicked node automatically.
74-
</p>
75-
<div id="clickable-labels-example"></div>
76-
7780
<footer class="site-footer">
7881
<span class="site-footer-owner">
7982
<a href="https://github.com/jakezatecky/react-checkbox-tree">React Checkbox Tree</a> is maintained by <a href="https://github.com/jakezatecky">jakezatecky</a>.

0 commit comments

Comments
 (0)