[ADF-2627] Icons-only mode for Info Drawer (#3398)

* tab with icon

* docs

* test

docs/core/info-drawer-tab.md

@@ -0,0 +1,51 @@
+# Info Drawer Tab component
+
+![Info drawer screenshot](../docassets/images/label-tab.png)
+
+## Basic usage
+
+Render a tab with label:
+
+```html
+<adf-info-drawer>
+
+    <adf-info-drawer-tab [label]="'Tab1'">
+        <div> Tab1 content</div>
+    </adf-info-drawer-tab>
+
+    <adf-info-drawer-tab [label]="'Tab2'">
+        <div> Tab2 content</div>
+    </adf-info-drawer-tab>
+</adf-info-drawer>
+```
+
+Render tab with icon instead of labels:
+
+```html
+<adf-info-drawer>
+
+    <adf-info-drawer-tab [label]="'Tab1'" icon="comment">
+        <div> Tab1 content</div>
+    </adf-info-drawer-tab>
+
+    <adf-info-drawer-tab [label]="'Tab2'" icon="people">
+            <div> Tab2 content</div>
+    </adf-info-drawer-tab>
+
+</adf-info-drawer>
+```
+
+![Info drawer screenshot](../docassets/images/icon-tab.png)
+
+## Class members
+
+### Properties
+
+| Name | Type | Default value | Description |
+| -- | -- | -- | -- |
+| label | `string` | '' | Tab label. |
+| icon | `string` |  null | The material design icon. |
+
+## See also
+
+- [Info drawer layout component](info-drawer.component.md)

docs/core/info-drawer.component.md

@@ -53,4 +53,5 @@ You can also customize the three regions (title, buttons and content) as with th
 
 ## See also
 
--   [Info drawer layout component](info-drawer-layout.component.md)
+- [Info drawer layout component](info-drawer-layout.component.md)
+- [Info drawer layout component](info-drawer-tab.component.md)