inteligr8/alfresco-ng2-components
1
0
Fork 0
mirror of https://github.com/Alfresco/alfresco-ng2-components.git synced 2025-05-19 17:14:57 +00:00
Code Issues Packages Projects Releases Wiki Activity
alfresco-ng2-components/docs/core/info-drawer-tab.md
Cilibiu Bogdan 648ac585b4 [ADF-2627] Icons-only mode for Info Drawer (#3398) 
* tab with icon

* docs

* test
2018-05-26 11:18:28 +02:00

1.0 KiB
Raw Blame History

Info Drawer Tab 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.

See also