11<p align =" center " >
2- <img height =" 256px " width =" 256px " style =" text-align : center ;" src =" https://cdn.rawgit.com/angular-material-extensions/google-maps-autocomplete/master/assets/angular-material-extensions-logo.svg " >
2+ <img alt="angular-material-extensions's logo"
3+ height="256px" width="256px" style="text-align: center;"
4+ src="https://raw.githubusercontent.com/angular-material-extensions/google-maps-autocomplete/HEAD/assets/angular-material-extensions-logo.svg">
35</p >
46
57# @angular-material-extensions/google-maps-autocomplete - Autocomplete input component for google-maps built with angular material design
1618[ ![ license] ( https://img.shields.io/github/license/angular-material-extensions/google-maps-autocomplete.svg?style=flat-square )] ( https://github.com/angular-material-extensions/google-maps-autocomplete/blob/master/LICENSE )
1719
1820<p align =" center " >
19- <img alt="@angular-material-extensions/faq " style="text-align: center;"
21+ <img alt="@angular-material-extensions/google-maps-autocomplete " style="text-align: center;"
2022 src="https://raw.githubusercontent.com/angular-material-extensions/google-maps-autocomplete/HEAD/assets/demo1.gif">
2123</p >
2224
@@ -32,7 +34,6 @@ by starring :star: and sharing it :loudspeaker:
3234- [ Dependencies] ( #dependencies )
3335- [ Peer Dependencies] ( #peerDependencies )
3436- [ Additional Requirements - material (Include a theme)] ( #additional-requirements-material-theme )
35- - [ Additional Requirements - material icons] ( #additional-requirements-material-icons )
3637- [ Installation] ( #installation )
3738- [ Usage] ( #usage )
3839- [ Documentation] ( #documentation )
@@ -56,10 +57,10 @@ View all the directives and components in action at [https://angular-material-ex
5657<a name =" peerDependencies " />
5758
5859### Requirements (peer dependencies):
59- - [ angular material v6.3.0 ] ( https://www.npmjs.com/package/@angular/material )
60- - [ angular cdk v6.3.0 ] ( https://www.npmjs.com/package/@angular/cdk )
61- - [ angular animations v6.0.5 ] ( https://www.npmjs.com/package/@angular/animations )
62- - [ angular forms v6.0.5 ] ( https://www.npmjs.com/package/@angular/forms )
60+ - [ angular material v6.4.1 ] ( https://www.npmjs.com/package/@angular/material )
61+ - [ angular cdk v6.4.1 ] ( https://www.npmjs.com/package/@angular/cdk )
62+ - [ angular animations v6.0.9 ] ( https://www.npmjs.com/package/@angular/animations )
63+ - [ angular forms v6.0.9 ] ( https://www.npmjs.com/package/@angular/forms )
6364
6465``` bash
6566npm i @angular/cdk @angular/material @angular/animations @angular/forms
@@ -70,33 +71,6 @@ npm i @angular/cdk @angular/material @angular/animations @angular/forms
7071### Additional requirements Theme (Material Design)
7172- [ angular material theme] ( https://material.angular.io/guide/getting-started#step-4-include-a-theme )
7273
73- <a name =" additional-requirements-material-icons " />
74-
75- ## Additional Requirements - Import the material design icons [ learn more] ( https://material.angular.io/guide/getting-started#step-6-optional-add-material-icons )
76-
77- - The easiest way to import material design icons is to provide a link in your ` index.html ` file like below:
78-
79- ``` html
80- <link href =" https://fonts.googleapis.com/icon?family=Material+Icons" rel =" stylesheet" >
81- ```
82-
83- - alternative solution:
84-
85- 1 . Install of the official npm module of the material design icons
86-
87- ``` bash
88- npm i -s material-design-icons
89- ```
90-
91- 2 . Import them in your ` angular.json ` file
92-
93- ``` json
94- "styles" : [
95- " styles.css" ,
96- " ../node_modules/material-design-icons/iconfont/material-icons.css"
97- ],
98- ```
99-
10074----
10175
10276<a name =" installation " />
0 commit comments