docs(checkbox): Moved the indeterminatechanged event from state to events article, added a link to it from the overview article.

Author: svdimitr

components/checkbox/events.md

@@ -13,6 +13,7 @@ position: 20
 This article showcases the available events in the Telerik CheckBox component:
 * [ValueChanged](#valuechanged)
 * [OnChange](#onchange)
+* [IndeterminateChanged](#indeterminatechanged)
 
 ## ValueChanged
 
@@ -146,3 +147,34 @@ The `OnChange` event fires every time the `Value` parameter changes. The key dif
 >caption The result from the code snippet above
 
 ![checkbox with two-way data binding and OnChange event](images/checkbox-onchange.gif)
+
+## IndeterminateChanged
+
+The `IndeterminateChanged` event fires every time the `Indeterminate` parameter changes.
+
+>caption Handle IndeterminateChanged event
+
+````CSHTML
+@*Press the button to toggle the Indeterminate state*@
+
+<TelerikButton Primary="true" OnClick="@(() => Indeterminate = !Indeterminate)"> Toggle Indeterminate </TelerikButton>
+
+<div class="mt-2">
+    <strong class="text-muted">Indeterminate checkbox</strong>
+    <TelerikCheckBox @bind-Value="@IndeterminateValue"
+                     Indeterminate="@Indeterminate"
+                     IndeterminateChanged="((bool val) => ChangeHandler(val))">
+    </TelerikCheckBox>
+</div>
+
+@code{
+    public bool Indeterminate { get; set; }
+    public bool IndeterminateValue { get; set; }
+
+    void ChangeHandler(bool value)
+    {
+        Indeterminate = value;
+    }
+}
+````
+![Toggle Indeterminate state](images/checkbox-toggle-indeterminate-state.gif)

components/checkbox/indeterminate-state.md

@@ -142,33 +142,6 @@ Every time the Checkbox state is changed (checked or unchecked) the `Indetermina
 
 ![gif to showcase the Indeterminate state](images/checkbox-indeterminate-example.gif)
 
->caption Handle IndeterminateChanged event
-
-````CSHTML
-@*Press the button to toggle the Indeterminate state*@
-
-<TelerikButton Primary="true" OnClick="@(() => Indeterminate = !Indeterminate)"> Toggle Indeterminate </TelerikButton>
-
-<div class="mt-2">
-    <strong class="text-muted">Indeterminate checkbox</strong>
-    <TelerikCheckBox @bind-Value="@IndeterminateValue"
-                     Indeterminate="@Indeterminate"
-                     IndeterminateChanged="((bool val) => ChangeHandler(val))">
-    </TelerikCheckBox>
-</div>
-
-@code{
-    public bool Indeterminate { get; set; }
-    public bool IndeterminateValue { get; set; }
-
-    void ChangeHandler(bool value)
-    {
-        Indeterminate = value;
-    }
-}
-````
-![Toggle Indeterminate state](images/checkbox-toggle-indeterminate-state.gif)
-
 ## See Also
 
 * [Checkbox Overview]({%slug checkbox-overview%})

components/checkbox/overview.md

@@ -42,6 +42,7 @@ The CheckBox provides the following features:
 * `Value` and `bind-Value`- mapped to the `Checked` property of the normal HTML checkbox
   * The `Value` and `bind-Value` accept `bool` and `bool?` types
 * `Indeterminate` and `bind-Indeterminate` - see the [Indeterminate state]({%slug checkbox-indeterminate-state%}) article for more information and examples
+* `IndeterminateChanged` - see the [CheckBox events]({%slug checkbox-events%}) article for more information and example
 * Validation - see the [Input Validation]({%slug common-features/input-validation%}) article for more details.
 
 ## Examples