alfresco-ng2-components/docs/core/info-drawer-tab.component.md
Andy Stark e03f3a1a6b [ADF-3323] Fixed broken links in doc files (#3662)
* [ADF-3323] Fixed URL path to Typescript source files

* [ADF-3323] Fixed and checked broken links caused by previous bug
2018-08-14 15:42:45 +01:00

1.4 KiB

Added, Status, Last reviewed
Added Status Last reviewed
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 "Main tab" The title of the tab.

Details

See the Info drawer component page for details of how to use this subcomponent.

See also