chore(*): update-readme-jul-16-24

Author: radomirchev

README.md

@@ -37,7 +37,9 @@ Current list of controls include:
 |Gagues|[Bullet Graph](https://www.infragistics.com/products/ignite-ui-react/react/components/bulletgraph)|Create data presentations using the bullet graph component to display ranges or compare multiple measurements. View our data visualization tools.|igniteui-react-gauges <br> igniteui-react-core|
 ||[Linear Gauge](https://www.infragistics.com/products/ignite-ui-react/react/components/lineargauge)|Use the linear gauge component to visualize data with a simple and concise view. Learn about the configurable elements, dependencies and code snippets.|igniteui-react-gauges <br> igniteui-react-core|
 ||[Radial Gauge](https://www.infragistics.com/products/ignite-ui-react/react/components/radialgauge)|Create a colorful radial gauge to display a number of visual elements, such as needle, tick marks and ranges. View our data visualization tools.|igniteui-react-gauges <br> igniteui-react-core|
-|Grids|[Grid](https://www.infragistics.com/products/ignite-ui-react/react/components/grids/data-grid)|Use Grid component to simplify the complexities of the grid domain into manageable API so that a user can bind a collection of data.|igniteui-react-grids <br> igniteui-react-core <br> igniteui-react-inputs <br> igniteui-react-layouts |
+|Grids|[Grid](https://www.infragistics.com/products/ignite-ui-react/react/components/grids/data-grid)|Use Grid component to simplify the complexities of the grid domain into manageable API so that a user can bind a collection of data.|igniteui-react-grids |
+||[Tree Grid](https://www.infragistics.com/products/ignite-ui-react/react/components/grids/tree-grid/overview)|Ignite UI for React Tree Grid is used to display and manipulate hierarchical or flat data with ease. Quickly bind your data with very little code or use a variety of events to customize different behaviors.|igniteui-react-grids |
+||[Hierarchical Grid](https://www.infragistics.com/products/ignite-ui-react/react/components/grids/hierarchical-grid/overview)|The Ignite UI for React Hierarchical Data Grid is used to display and manipulate hierarchical tabular data.|igniteui-react-grids |
 ||[Spreadsheet](https://infragistics.com/reactsite/components/spreadsheet_overview)|Spreadsheet component allows visualizing and editing of spreadsheet data. Features include activation, cell editing, conditional formatting, selection, clipboard.|igniteui-react-spreadsheet <br> igniteui-react-excel <br> igniteui-react-core|
 |Frameworks|[Excel Library](https://www.infragistics.com/products/ignite-ui-react/react/components/excel_library)|Use the Excel Library to work with spreadsheet data using Microsoft Excel features. Easily transfer data from excel to your application. |igniteui-react-excel <br> igniteui-react-core|
 |Interactions|[Zoom Slider](https://infragistics.com/reactsite/components/zoomslider_overview)|The Zoom Slider control provides zooming functionality to range-enabled controls. This component features a horizontal scroll bar, a thumbnail of the whole range, and a resizable zoom-range window. |igniteui-react-charts <br> igniteui-react-core|
@@ -51,6 +53,7 @@ Current list of controls include:
 ||[Avatar](https://www.infragistics.com/products/ignite-ui-react/react/components/layouts/avatar)|The avatar component helps to display initials, images, or icons in your application.|igniteui-react
 ||[Badge](https://www.infragistics.com/products/ignite-ui-react/react/components/inputs/badge)|A component used in conjunction with avatars, navigation menus, or other components in an application when a visual notification is needed.|igniteui-react
 ||[Button](https://www.infragistics.com/products/ignite-ui-react/react/components/inputs/button)|A component that lets you enable clickable elements that trigger actions in your React app.|igniteui-react
+||[Button Group](https://www.infragistics.com/products/ignite-ui-react/react/components/inputs/button-group)|The React Button Group component is used to organize IgrToggleButtons into styled button groups with horizontal/vertical alignment, single/multiple selection and toggling.|igniteui-react
 ||[Calendar](https://www.infragistics.com/products/ignite-ui-react/react/components/scheduling/calendar)|The calendar component is used to show dates and weekdays. It is also the best way for providing monthly or yearly views to end-users. It also lets you restrict the minimum and maximum date ranges that people can navigate through.|igniteui-react
 ||[Card](https://www.infragistics.com/products/ignite-ui-react/react/components/layouts/card)|Use this component to display text, images, icons, and buttons in a visually rich presentation that can serve as an entry point to more detailed information. Cards can be used to create a multimedia dashboard.|igniteui-react
 ||[Checkbox](https://www.infragistics.com/products/ignite-ui-react/react/components/inputs/checkbox)|A standard checkbox component that enables users to select basic checked and unchecked states or an additional indeterminate state.|igniteui-react
@@ -65,6 +68,7 @@ Current list of controls include:
 ||[Radio Group](https://www.infragistics.com/products/ignite-ui-react/react/components/inputs/radio)|The wrapping component for a set of radio buttons allowing for a single choice.|igniteui-react
 ||[Ripple](https://www.infragistics.com/products/ignite-ui-react/react/components/inputs/ripple)|Use this component if you need to create an animation in response to a touch or a mouse click.|igniteui-react
 ||[Switch](https://www.infragistics.com/products/ignite-ui-react/react/components/inputs/switch)|A binary choice selection component that behaves similarly to the switch component in iOS.|igniteui-react
+||[Text Area](https://www.infragistics.com/products/ignite-ui-react/react/components/inputs/text-area)|The Ignite UI for React Text Area represents a multi-line plain-text editing control, useful when you want to allow users to enter a sizeable amount of free-form text, for example a comment on a review or feedback form.|igniteui-react