Merge pull request #1308 from telerik/didi/update-features

add features to overview

Author: didiyordanova

_contentTemplates/controls/autocomplete.md

@@ -0,0 +1,15 @@
+#highlighted-behavior
+**Example: Removing the highlighted item**
+
+```C#
+var autoComplete = new RadAutoComplete();
+autoComplete.HighlightItemFunc = (filteredItems, searchText) => null;
+```
+
+**Example: Setting the highlighted item to the last item from the SuggestionView**
+
+```C#
+var autoComplete = new RadAutoComplete();
+autoComplete.HighlightItemFunc = (filteredItems, searchText) => filteredItems.LastOrDefault();
+```
+#end

controls/autocomplete/configuration.md

@@ -61,6 +61,14 @@ By default the search is triggered as soon as the user types into the input fiel
 
 <snippet id='autocomplete-searchthreshold'/>
 
+## Highlight Item Behavior
+
+When filtering is performed and there are matching items, the items are displayed in the `SuggestionView`. 
+
+By default, the first item in the `SuggestionView` is highlighted. To modify this behavior use the `HighlightItemFunc` (`Func<IEnumerable<object>, string, object>`) property. The function receives the filtered collection of items and the current search text as parameters and returns the item from the filtered collection that should be highlighted.
+
+@[template](/_contentTemplates/controls/autocomplete.md#highlighted-behavior)
+
 ## SuggestionView Visibility
 
 * `ShowSuggestionView` (`bool`)&mdash;Determine the visibility of the popup containing the search results of the AutoComplete. The default value is `True`.

controls/autocomplete/filtering.md

@@ -20,17 +20,7 @@ When filtering is performed and there are matching items, the items are displaye
 
 **Example: Removing the highlighted item**
 
-```C#
-var autoComplete = new RadAutoComplete();
-autoComplete.HighlightItemFunc = (filteredItems, searchText) => null;
-```
-
-**Example: Setting the highlighted item to the last item from the SuggestionView**
-
-```C#
-var autoComplete = new RadAutoComplete();
-autoComplete.HighlightItemFunc = (filteredItems, searchText) => filteredItems.LastOrDefault();
-```
+@[template](/_contentTemplates/controls/autocomplete.md#highlighted-behavior)
 
 ## Custom Filtering
 

controls/autocomplete/overview.md

@@ -24,7 +24,8 @@ The Telerik UI for .NET MAUI AutoComplete can automatically complete user input
 * [Remote Search]({%slug autocomplete-remote-search%})—Allows you to take the user input, trigger a custom searching algorithm and assign the results to the ItemSource of the AutoComplete.
 * [Suggestion view visibility]({%slug autocomplete-configuration%}#suggestionview-visibility)—AutoComplete provides the ability to hide the view with the suggestions.
 * [Suggestion view position]({%slug autocomplete-configuration%}#suggestionview-position)—AutoComplete gives you the option to specify whether the `SuggestionView` will be displayed—above or under the control.
-* [Highlight customization]({%slug autocomplete-styling%}#hightlight-customization)—You can customize the highlight color of the suggestion items.
+* [Highlight item behavior]({%slug autocomplete-configuration%}#highlight-item-behavior)—You can define whether the first item in the suggestion view will be highlighted automatically or not.
+* [Highlight item styling]({%slug autocomplete-styling%}#highlight-customization)—You can customize the highlight color of the suggestion items.
 * [Keyboard navigation]({%slug autocomplete-keyboard-support%}) support—Use keyboard keys for navigation in the .NET MAUI AutoComplete suggestion view. This feature is available on WinUI and Mac Catalyst.
 * [Nested properties support]({%slug autocomplete-data-binding%})—This allows binding of a complex object to the `TextSearchPath` property. 
 * [Styling options]({%slug autocomplete-styling%})—For changing the control's border brush and thickness, font options, suggestion item highlight text color and more.

controls/checkbox/overview.md

@@ -20,6 +20,7 @@ Telerik UI for .NET MAUI CheckBox is a control, which enables users to make a ch
 * [Checked states]({% slug checkbox-checked-states %})—The CheckBox delivers options for setting its state to checked and unchecked, and provides an additional indeterminate state which indicates the control is neither checked nor unchecked.
 * [Size]({% slug checkbox-configuration%}#size)—You can set the width and height of the CheckBox by adjusting only a single CheckBox property.
 * [Disable the animation]({%slug checkbox-configuration%}#remove-the-animation)—The CheckBox provides an option for turning off the animation when the CheckBox state changes. 
+* [Events]({%slug checkbox-checked-states%}#events)—The CheckBox exposes events that allow you to track when the `IsChecked` state is changing or has changed.
 * [Flexible styling API]({% slug checkbox-styling %})—The CheckBox exposes a set of styling properties for customizing its visual appearance and enables you to set its background, border, and symbol color, as well as customize its layout, including the borders and the check mark.
 
 ## Next Steps