changelog, TreeView documentation small updates

Author: AJIXuMuK

CHANGELOG.JSON

@@ -4,7 +4,8 @@
       "version": "1.18.0",
       "changes": {
         "new": [
-          "Pagination Control [#535](https://github.com/SharePoint/sp-dev-fx-controls-react/pull/535)"
+          "Pagination Control [#535](https://github.com/SharePoint/sp-dev-fx-controls-react/pull/535)",
+          "TreeView Control [#536](https://github.com/SharePoint/sp-dev-fx-controls-react/pull/536)"
         ],
         "enhancements": [
           "`FolderExplorer` updates: allow selection of libraries if site url is used as the root, allow passing items to be passed as a property and added to the breadcrumb, add support for loading folders from a different site, fix breadcrumb names for document libraries [#534](https://github.com/SharePoint/sp-dev-fx-controls-react/pull/534)"
@@ -21,6 +22,7 @@
         "[Gautam Sheth](https://github.com/gautamdsheth)",
         "[João Mendes](https://github.com/joaojmendes)",
         "[Joel Rodrigues](https://github.com/joelfmrodrigues)",
+        "[Nanddeep Nachan](https://github.com/nanddeepn)",
         "[Prasad Kasireddy](https://github.com/PrasadKasireddy)",
         "[Siddharth Vaghasia](https://github.com/siddharth-vaghasia)"
       ]

docs/documentation/docs/controls/TreeView.md

@@ -1,8 +1,8 @@
 ## TreeView control
 
-This graphical control allows to present a hierarchical view of information. Each tree item can have a number of subitems. This is often visualized by indentation in a list. An tree item can be expanded to reveal subitems (if exists), and collapsed to hide subitems.
+This graphical control allows to present a hierarchical view of information. Each tree item can have a number of subitems. This is often visualized by indentation in a list. A tree item can be expanded to reveal subitems (if exist), and collapsed to hide subitems.
 
-Here is an example of the control in action:
+Here are examples of the control in action:
 
 ![Tree View control](../assets/TreeView-control.gif)
 
@@ -60,9 +60,9 @@ private onTreeItemExpandCollapse(item: ITreeItem, isExpanded: boolean) {
 ```
 
 ## Custom Rendering
-You can fully customize how tree items are rendered by providing the onRenderItem callback function and returning whatever JSX.Element you want.
+You can fully customize how tree items are rendered by providing the `onRenderItem` callback function and returning whatever `JSX.Element` you want.
 
-For example, you can define your function in a tsx file like this:
+For example, you can define your function in a .tsx file like this:
 
 ```typescript
 import * as React from 'react';
@@ -82,7 +82,7 @@ private renderCustomTreeItem(item: ITreeItem): JSX.Element {
 
 ## Implementation
 
-The TreeView control can be configured with the following properties:
+The `TreeView` control can be configured with the following properties:
 
 | Property                       | Type                       | Required | Description                                                                                                                        |
 |--------------------------------|----------------------------|----------|------------------------------------------------------------------------------------------------------------------------------------|
@@ -237,7 +237,7 @@ items: [
           }
         ]
 ```
-IconpProps in above example can be declared as below
+`IconpProps` in above example can be declared as below
 
 ```typescript
 private skypeCheckIcon: IIconProps = { iconName: 'SkypeCheck' };

docs/documentation/docs/index.md

@@ -67,6 +67,7 @@ The following controls are currently available:
 - [SiteBreadcrumb](./controls/SiteBreadcrumb) (Breadcrumb control)
 - [SecurityTrimmedControl](./controls/SecurityTrimmedControl) (intended to be used when you want to show or hide components based on the user permissions)
 - [TaxonomyPicker](./controls/TaxonomyPicker) (Taxonomy Picker)
+- [TreeView](./controls/TreeView) (Tree View)
 - [WebPartTitle](./controls/WebPartTitle) (Customizable web part title control)
 
 

docs/documentation/mkdocs.yml

@@ -35,7 +35,8 @@ nav:
     - RichText: 'controls/RichText.md'
     - SiteBreadcrumb: 'controls/SiteBreadcrumb.md'
     - SecurityTrimmedControl: 'controls/SecurityTrimmedControl.md'
-    - TaxonomyPicker: 'controls/TaxonomyPicker.md'
+    - TaxonomyPicker: 'controls/TaxonomyPicker.md',
+    - TreeView: 'controls/TreeView.md',
     - WebPartTitle: 'controls/WebPartTitle.md'
   - 'Field Controls':
     - 'Getting started': 'controls/fields/main.md'