feat(tab-nav-drawer, tabs): Addressing the comments. #7157

Author: valadzhov

CHANGELOG.md

@@ -18,9 +18,9 @@ All notable changes for each version of this project will be documented in this
 - `igxGridActions`
     - Added `asMenuItems` Input for grid actions - `igx-grid-editing-actions`, `igx-grid-pinning-actions`. When set to true will render the related action buttons as separate menu items with button and label.
 - `igxNavigationDrawer`
-    - Added `disableAnimation` input property which enables/disables the animation for the opening and the closing of the drawer. Set to `false` by default.
+    - Added `disableAnimation` property which enables/disables the animation, when toggling the drawer. Set to `false` by default.
 - `igxTabs`
-    - Added `disableAnimation` input property which enables/disables the animation for transition of the content of the tabs. Set to `false` by default.
+    - Added `disableAnimation` property which enables/disables the transition animation of the tabs' content. Set to `false` by default.
 
 ### New Features
 - `IgxGrid`, `IgxTreeGrid`, `IgxHierarchicalGrid`

projects/igniteui-angular/src/lib/navigation-drawer/README.md

@@ -64,7 +64,7 @@ The navigation drawer can either sit above content or be pinned alongside it and
 | `pinThreshold` | number | Minimum device width required for automatic pin to be toggled. Default is 1024, can be set to a falsy value to disable this behavior. |
 | `width` | string| Width of the drawer in its open state. Defaults to "280px".|
 | `miniWidth` | string | Width of the drawer in its mini variant. Defaults to "60px". |
-| `disableAnimation` | boolean | Enables/disables the animation for the  opening and the closing of the drawer. Set to `false` by default.
+| `disableAnimation` | boolean | Enables/disables the animation, when toggling the drawer. Set to `false` by default.
 
 ### Outputs
 | Name      |  Description |

projects/igniteui-angular/src/lib/navigation-drawer/navigation-drawer.component.ts

@@ -204,6 +204,13 @@ export class IgxNavigationDrawerComponent implements
      */
     @Input() public width = '280px';
 
+
+    /**
+     * Enables/disables the animation, when toggling the drawer. Set to `false` by default.
+     * ````html
+     * <igx-nav-drawer [disableAnimation]="false"></igx-nav-drawer>
+     * ````
+     */
     @HostBinding ('class.igx-nav-drawer--disable-animation')
     @Input() public disableAnimation = false;
 

projects/igniteui-angular/src/lib/tabs/README.md

@@ -49,7 +49,7 @@ If the total visible items width exceeds the vew port width, scroll buttons are
 | `label` | string | Set the tab item text. |
 | `disabled` | boolean | 	Set if the tab is enabled/disabled.	 |
 | `type` | IgxTabsType | 	Set the tab item sizing mode. By default, `contentfit` is set, the tab item width is sized to its content in the range of min/max width. When the sizing type is `fixed` - all tabs have equal size to fit the view port. |
-| `disableAnimation`| boolean | Enables/disables the animation for transition of the contents of the tabs. Set to `false` by default.
+| `disableAnimation`| boolean | Enables/disables the transition animation of the tabs' content. Set to `false` by default.
 
 ## Events
 

projects/igniteui-angular/src/lib/tabs/tabs.component.ts

@@ -245,6 +245,11 @@ export class IgxTabsComponent implements IgxTabsBase, AfterViewInit, OnDestroy {
      */
     public visibleItemsWidth: number;
 
+    /**
+     * Enables/disables the transition animation of the tabs' content. Set to `false` by default.
+     * ````html
+     * <igx-tabs [disableAnimation]="false"></igx-tabs>
+     */
     @Input()
     public disableAnimation = false;