info drawer fixes (#4529)

This commit is contained in:
Denys Vuika
2019-03-29 16:09:54 +00:00
committed by Eugenio Romano
parent be904dbe9b
commit 3b53184598
3 changed files with 25 additions and 16 deletions

View File

@@ -18,27 +18,28 @@ Render a tab with label:
```html
<adf-info-drawer>
<adf-info-drawer-tab [label]="'Tab1'">
<div> Tab1 content</div>
<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 label="Tab2">
<div>Tab2 content</div>
</adf-info-drawer-tab>
</adf-info-drawer>
```
Render tab with icon instead of labels:
Render tab with icons instead of labels:
```html
<adf-info-drawer>
<adf-info-drawer-tab [label]="'Tab1'" icon="comment">
<div> Tab1 content</div>
<adf-info-drawer-tab 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 icon="people">
<div>Tab2 content</div>
</adf-info-drawer-tab>
</adf-info-drawer>
@@ -46,6 +47,8 @@ Render tab with icon instead of labels:
![Info drawer screenshot](../../docassets/images/icon-tab.png)
You can also combine `icon` and `label` properties.
## Class members
### Properties