alfresco-ng2-components/docs/info-drawer-layout.component.md

916 B

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