alfresco-ng2-components/docs/core/info-drawer-layout.component.md
Andy Stark ba905acf13 [ADF-2463] Moved doc files to subfolders (#3070)
* [ADF-2463] Moved doc files to subfolders

* [ADF-2463] Fixed broken image links

* [ADF-2463] Moved doc files to subfolders

* [ADF-2463] Fixed broken image links
2018-03-13 11:55:33 +00:00

40 lines
821 B
Markdown

---
Added: v2.0.0
Status: Active
---
# Info drawer layout component
Displays a sidebar-style information panel.
![Info drawer layout screenshot](../docassets/images/infodrawerlayout.png)
## Basic usage
```html
<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
- [Info drawer component](info-drawer.component.md)