alfresco-ng2-components/docs/info-drawer-layout.component.md
Andy Stark 4752f3b73e [ADF-2334] Added version and status metadata to doc files (#2974)
* [ADF-2334] Added version and status metadata to doc files

* [ADF-2334] Tidier looking metadata for guide pages
2018-02-22 09:34:21 +00:00

818 B

Added, Status
Added Status
v2.0.0 Active

Info drawer layout component

Displays a sidebar-style information panel.

Info drawer layout screenshot

Basic usage

<adf-info-drawer-layout>
    <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>

Details

As the name suggests, this is basically just a layout with CSS styling. There are three regions where you can add your own content, as shown in the example:

  • info-drawer-title
  • info-drawer-buttons
  • info-drawer-content

See also