[ADF-1820] Replaced md- prefix in docs with mat- (#2573)

This commit is contained in:
Andy Stark
2017-10-31 10:58:44 +00:00
committed by Eugenio Romano
parent a2df8876d5
commit 1fe71ed251
12 changed files with 60 additions and 147 deletions

View File

@@ -1,21 +1,9 @@
# Language Menu component
Displays all the languages that are present in the "app.config.json" or the defaul one (EN).
Displays all the languages that are present in the "app.config.json" or the default one (EN).
![Language Menu screenshot](docassets/images/languages-menu.png)
<!-- markdown-toc start - Don't edit this section. npm run toc to generate it-->
<!-- toc -->
- [Basic usage](#basic-usage)
- [Details](#details)
- [Nested menu language](#nested-menu-language)
- [Nested menu details](#nested-menu-details)
<!-- tocstop -->
<!-- markdown-toc end -->
## Basic usage
How to attach an ADF Language Menu as main menu
@@ -53,29 +41,29 @@ This is how the configuration looks like in the the "app.config.json"
```
In case no setting is provided, the component shows only the English language.
<!-- Don't edit the See also section. Edit seeAlsoGraph.json and run config/generateSeeAlso.js -->
<!-- seealso start -->
## Nested Menu language
### Nested Menu language
How to attach an ADF Language Menu as nested menu
```html
<button md-icon-button class="dw-profile-menu" [mdMenuTriggerFor]="profileMenu">
<md-icon>more_vert</md-icon>
<button mat-icon-button class="dw-profile-menu" [matMenuTriggerFor]="profileMenu">
<mat-icon>more_vert</mat-icon>
</button>
<md-menu #profileMenu="mdMenu">
<button md-menu-item>profile-settings</button>
<button md-menu-item [matMenuTriggerFor]="langMenu">Languages</button>
<button md-menu-item>sign-out</button>
</md-menu>
<md-menu #langMenu="mdMenu">
<mat-menu #profileMenu="matMenu">
<button mat-menu-item>profile-settings</button>
<button mat-menu-item [matMenuTriggerFor]="langMenu">Languages</button>
<button mat-menu-item>sign-out</button>
</mat-menu>
<mat-menu #langMenu="matMenu">
<adf-language-menu></adf-language-menu>
</md-menu>
</mat-menu>
```
![Nested Language Menu screenshot](docassets/images/languages-menu-nested.png)
## Nested menu details
### Nested menu details
In the previous example we are using the ADF Language Menu as nested menu.
<!-- Don't edit the See also section. Edit seeAlsoGraph.json and run config/generateSeeAlso.js -->
<!-- seealso start -->
<!-- seealso end -->