alfresco-ng2-components/docs/core/info-drawer-tab.component.md
Andy Stark 84102c38cd [ADF-3198] Final doc checks for release (#3513)
* [ADF-3198] Doc link check for release

* [ADF-3198] Updated main index doc page
2018-06-21 15:45:46 +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
label string '' Tab label.
icon string null The material design icon.

Details

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

See also