inteligr8/alfresco-ng2-components
1
0
Fork 0
mirror of https://github.com/Alfresco/alfresco-ng2-components.git synced 2025-05-12 17:04:57 +00:00
Code Issues Packages Projects Releases Wiki Activity
alfresco-ng2-components/docs/core/info-drawer-layout.component.md
Andy Stark 2c49de6070 [ADF-3514] Added transclusions sections to doc files (#3756) 
* [ADF-3514] Added transclusion sections and guide page

* [ADF-3514] Updated tables of contents where needed

* [ADF-3514] Updated index files
2018-09-10 11:11:25 +01:00

1.1 KiB
Raw Blame History

Added, Status, Last reviewed
Added Status Last reviewed
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>
    <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