mirror of https://github.com/Alfresco/alfresco-ng2-components.git synced 2026-09-02 17:53:30 +00:00

Files

T

Andy Stark e03f3a1a6b [ADF-3323] Fixed broken links in doc files (#3662 )

* [ADF-3323] Fixed URL path to Typescript source files

* [ADF-3323] Fixed and checked broken links caused by previous bug

2018-08-14 15:42:45 +01:00

1.7 KiB

Raw Blame History

Added, Status, Last reviewed

Added	Status	Last reviewed
v2.0.0	Active	2018-06-08

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

Class members

Properties

Name	Type	Default value	Description
selectedIndex	`number`	0	The selected index tab.
title	`string \| null`	null	The title of the info drawer.

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 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.7 KiB Raw Blame History