alfresco-ng2-components/docs/info-drawer.component.md

InfoDrawerComponent

Displays a sidebar-style information panel with tabs.

• Basic usage
  • Properties
• Details
• See also

Basic usage

<adf-info-drawer title="Activities" (currentTab)="getActiveTab($event)">
    <div info-drawer-buttons>
        <md-icon (click)="close()">clear</md-icon>
    </div>

    <adf-info-drawer-tab label="Activity">
        <mycomponent1></mycomponent1>
        <mycomponent2></mycomponent2>
    </adf-info-drawer-tab>

    <adf-info-drawer-tab label="Details">
        <mycomponent3></mycomponent3>
    </adf-info-drawer-tab>

</adf-info-drawer>

Properties

Name	Type	Default	Description
title	string	null	The title of the info drawer
currentTab	any	null	The currently active tab

Details

This is a variant of the Info Drawer Layout component that displays information in tabs. You can use the adf-info-drawer-tab subcomponent to add tabs (as shown in the example) and the currentTab output property to select the currently active tab.

You can also customize the three regions (title, buttons and content) as with the Info Drawer Layout component.

See also

• Info drawer layout component