mirror of
https://github.com/Alfresco/alfresco-ng2-components.git
synced 2025-07-24 17:32:15 +00:00
[ADF-4152] Updated folder structure of core docs (#4415)
* [ADF-4152] Moved core library docs into subfolders * [ADF-4152] Moved core library docs into subfolders * [ADF-4152] Manual fixes to core doc file links * [ADF-4152] Further automatic + manual link tidying
This commit is contained in:
committed by
Eugenio Romano
parent
285e56e9fb
commit
5fc05da7aa
65
docs/core/components/info-drawer-tab.component.md
Normal file
65
docs/core/components/info-drawer-tab.component.md
Normal file
@@ -0,0 +1,65 @@
|
||||
---
|
||||
Title: Info Drawer Tab component
|
||||
Added: v2.4.0
|
||||
Status: Active
|
||||
Last reviewed: 2018-06-08
|
||||
---
|
||||
|
||||
# [Info Drawer Tab component](../../../lib/core/info-drawer/info-drawer.component.ts "Defined in info-drawer.component.ts")
|
||||
|
||||
Renders tabs in a [Info drawer component](info-drawer.component.md).
|
||||
|
||||

|
||||
|
||||
## 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 |
|
||||
| ---- | ---- | ------------- | ----------- |
|
||||
| icon | `string` | null | Icon to render for the tab. |
|
||||
| label | `string` | "" | The title of the tab. |
|
||||
|
||||
## Details
|
||||
|
||||
See the [Info drawer component](info-drawer.component.md) page for details of how to use this subcomponent.
|
||||
|
||||
## See also
|
||||
|
||||
- [Info drawer component](info-drawer.component.md)
|
||||
- [Info drawer layout component](info-drawer-layout.component.md)
|
Reference in New Issue
Block a user