Simplify examples page text

Author: jakezatecky

examples/src/index.html

@@ -10,6 +10,7 @@
     <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.6.3/css/all.css">
     <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Open+Sans:400,700|Roboto">
     <link rel="stylesheet" href="style.css">
+
     <!-- Global site tag (gtag.js) - Google Analytics -->
     <script async src="https://www.googletagmanager.com/gtag/js?id=UA-133457161-1"></script>
     <script>
@@ -31,13 +32,14 @@ <h2 class="project-tagline">A simple and elegant checkbox tree for React</h2>
 
     <section class="main-content">
       <p>
-        <strong>React Checkbox Tree</strong> is a feature-rich React component for a checkbox treeview.
-        Checkout the examples below and then view <a href="https://github.com/jakezatecky/react-checkbox-tree/tree/master/examples/src/js">source code</a>
-        or main <a href="https://github.com/jakezatecky/react-checkbox-tree">documentation page</a> when you are ready
-        to try it out.
+        <strong>React Checkbox Tree</strong> is a feature-rich checkbox tree view for React. Checkout the examples below
+        and the associated <a href="https://github.com/jakezatecky/react-checkbox-tree/tree/master/examples/src/js">source code</a>.
+        Head to the <a href="https://github.com/jakezatecky/react-checkbox-tree">documentation</a> when you are ready to
+        try it out.
       </p>
 
       <h1>Examples</h1>
+
       <h2>Basic Example</h2>
       <div id="basic-example"></div>
 
@@ -49,9 +51,9 @@ <h2>Disabled Example</h2>
 
       <h2>No Cascading Example</h2>
       <p>
-        By default, the check state of a parent is determined by the check state of its children. Similarly, checking or
-        unchecking a parent node will cascade that status to all of its children. To disable this behavior, simply pass
-        the <code>noCascade</code> property.
+        By default, the check state of children determine the check state of a parent. Similarly, checking or unchecking
+        a parent node will cascade that status to all of its children. To disable this behavior, simply pass the
+        <code>noCascade</code> property.
       </p>
       <div id="no-cascade-example"></div>
 
@@ -64,9 +66,8 @@ <h2>Pessimistic Toggle Example</h2>
 
       <h2>Clickable Labels Example</h2>
       <p>
-        By default, clicking on the node label toggles the checkbox value. By providing an <code>onClick</code> property
-        the checkbox will toggle only when clicking on the checkbox and the provided function will be called when
-        clicking on the node label.
+        By default, clicking on the node label toggles the checkbox value. When providing the <code>onClick</code>
+        property, the tree will instead call the provided function and will restrict toggling to the checkbox icon.
       </p>
       <p>
         When the <code>onClick</code> function is defined, passing the <code>expandOnClick</code> property will also
@@ -76,25 +77,24 @@ <h2>Clickable Labels Example</h2>
 
       <h2>Hide Checkboxes Example</h2>
       <p>
-        Checkboxes can be hidden on a node-level by setting <code>showCheckbox: false</code> for any given node. They
-        can also be more broadly hidden by the passing the <code>onlyLeafCheckboxes</code> property, which will force
-        checkboxes to render only on leaf nodes.
+        Set <code>showCheckbox: false</code> at the node level to hide its checkbox. To force the tree to only render
+        checkboxes for leaf nodes, pass the <code>onlyLeafCheckboxes</code> property.
       </p>
       <div id="hidden-checkboxes-example"></div>
 
       <h2>Expand All/Collapse All Example</h2>
       <p>
         By passing in the <code>showExpandAll</code> property, two additional buttons will appear at the top of the tree
-        that allow the user to easily expand or collapse all nodes.
+        that allow the user to expand or collapse all nodes.
       </p>
       <div id="expand-all-example"></div>
 
       <h2>Large Data Example</h2>
-      <p>The checkbox tree is capable of supporting a large number of nodes at once.</p>
+      <p>The checkbox tree can support a large number of nodes at once.</p>
       <div id="large-data-example"></div>
 
       <h2>Filter Example</h2>
-	    <p>Filtering of nodes is also easily possible.</p>
+	    <p>Filtering tree nodes is possible.</p>
       <div id="filter-example"></div>
 
       <footer class="site-footer">