Displays a sidebar-style information panel.

Info drawer layout screenshot

Basic usage


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>

    <div info-drawer-content>
            Lorem ipsum dolor sit amet...

Class members


NameTypeDefault valueDescription
showHeaderbooleantrueThe visibility of the header.


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

© 2023 Alfresco Software, Inc. All Rights Reserved.