alfresco-ng2-components/docs/core/components/info-drawer-layout.component.md
Vito 30c5c58d40
[ACA-3672] - added server order for document -list (#5899)
* [ACA-3672] - added sorting server side for document-list

* [ACA-3672] - added and fixed unit tests for backend order

* [ACA-3672] - fixed failing test

* [ACA-3672] - regenerated doc and renamed variable

Co-authored-by: Vito Albano <vitoalbano@Vitos-MacBook-Pro.local>
2020-07-23 14:04:05 +01:00

1.5 KiB

Title, Added, Status, Last reviewed
Title Added Status Last reviewed
Info drawer layout component v2.0.0 Active 2018-06-08

Info drawer layout component

Displays a sidebar-style information panel.

Info drawer layout screenshot

Basic usage

Transclusions

There are three regions where you can add your own content using <div> elements with the following names:

  • info-drawer-title
  • info-drawer-buttons
  • info-drawer-content
<adf-info-drawer-layout [showHeader]="true">
    <div info-drawer-title>File info</div>

    <div info-drawer-buttons>
        <mat-icon>clear</mat-icon>
    </div>

    <div info-drawer-content>
        <mat-card>
            Lorem ipsum dolor sit amet...
        </mat-card>
    </div>
</adf-info-drawer-layout>

Class members

Properties

Name Type Default value Description
showHeader boolean true The visibility of the header.

Details

As the name suggests, this is basically just a layout with CSS styling.

See the Info drawer tab component for an alternative approach that uses tabs to structure the content of the info drawer.

See also