alfresco-ng2-components/docs/core/components/info-drawer-tab.component.md
Andy Stark 5fc05da7aa [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
2019-03-12 14:20:20 +00:00

1.5 KiB

Title, Added, Status, Last reviewed
Title Added Status Last reviewed
Info Drawer Tab component v2.4.0 Active 2018-06-08

Info Drawer Tab component

Renders tabs in a Info drawer component.

Info drawer screenshot

Basic usage

Render a tab with label:

<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:

<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

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 page for details of how to use this subcomponent.

See also