mirror of
https://github.com/Alfresco/alfresco-ng2-components.git
synced 2025-05-26 17:24:56 +00:00
28ba09897e
* [ADF-2764] Added basic support for composite and external types * [ADF-2764] Added new type linker features and applied to core docs
52 lines
1.1 KiB
Markdown
52 lines
1.1 KiB
Markdown
# Info Drawer Tab component
|
|
|
|
|
|
|
|
## 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>
|
|
```
|
|
|
|
|
|
|
|
## 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)
|