inteligr8/alfresco-ng2-components
1
0
Fork 0
mirror of https://github.com/Alfresco/alfresco-ng2-components.git synced 2025-05-26 17:24:56 +00:00
Code Issues Packages Projects Releases Wiki Activity

update toolbar docs (#3423)

Browse Source
This commit is contained in:
Denys Vuika 2018-06-01 12:27:05 +01:00 committed by Eugenio Romano
parent d4f57b8786
commit 2bba93d80e
1 changed files with 22 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

22
docs/core/toolbar.component.md
View File

@ -80,6 +80,28 @@ You can divide groups of elements with a visual separator `<adf-toolbar-divider>
</adf-toolbar> </adf-toolbar>
``` ```
### Spacer
You can provide a separate element with `adf-toolbar--spacer` class name
to fill the empty space and move the content to the right of the toolbar if needed:
```html
<adf-toolbar>
<adf-toolbar-title>
...
<adf-toolbar-title>
<div class="adf-toolbar--spacer"></div>
<button></button>
<adf-toolbar-divider></adf-toolbar-divider>
<button></button>
</adf-toolbar>
```
In the example above, the toolbar title element is rendered to the left,
but all the buttons are pushed to the right side.
### Dropdown menu ### Dropdown menu
You can use the following example to create a dropdown menu: You can use the following example to create a dropdown menu: