inteligr8/alfresco-ng2-components
1
0
Fork 0
mirror of https://github.com/Alfresco/alfresco-ng2-components.git synced 2025-05-12 17:04:57 +00:00
Code Issues Packages Projects Releases Wiki Activity
alfresco-ng2-components/docs/info-drawer.component.md
Andy Stark 2651f17a14 [ADF-1586] Added new Core doc files (#2383)
2017-09-27 15:21:06 -04:00

1.7 KiB
Raw Blame History

InfoDrawerComponent

Displays a sidebar-style information panel with tabs.

Info drawer screenshot

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