mirror of https://github.com/Alfresco/alfresco-ng2-components.git synced 2025-05-12 17:04:57 +00:00

Andy Stark ba905acf13 [ADF-2463] Moved doc files to subfolders (#3070 )

* [ADF-2463] Moved doc files to subfolders

* [ADF-2463] Fixed broken image links

* [ADF-2463] Moved doc files to subfolders

* [ADF-2463] Fixed broken image links

2018-03-13 11:55:33 +00:00

1.5 KiB

Raw Blame History

Added, Status

Added	Status
v2.0.0	Active

InfoDrawer component

Displays a sidebar-style information panel with tabs.

Basic usage

<adf-info-drawer title="Activities" (currentTab)="getActiveTab($event)">
    <div info-drawer-buttons>
        <mat-icon (click)="close()">clear</mat-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 value	Description
title	`string`	`null`	The title of the info drawer.
selectedIndex	`number`	`0`	The selected index tab.

Events

Name	Type	Description
currentTab	`EventEmitter<number>`	Emitted when the currently active tab changes.

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.

1.5 KiB Raw Blame History