Welcome to the Alfresco Builder Network

Our technical resource site is still being improved. We'd love to hear your feedback. Tell us what you think

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>
    <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.

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

See also

Interested in trying Alfresco?

Try Now