Material Design Menu in ionic 2


#1

Please read the link .

I think if I can add Menu Width style menu from material design
,that will be good .

I read a link and I install material design in my app

npm i material-design-lite --save

and write bellow code

  <div layout="column" flex="33" flex-sm="100" layout-align="center center" *ngIf="clicked">
                 
                    <md-menu md-offset="0 -7">
                        <md-button aria-label="Open demo menu" class="md-icon-button" ng-click="$mdOpenMenu($event)">
                            <md-icon md-menu-origin md-svg-icon="call:chat"></md-icon>
                        </md-button>
                        <md-menu-content width="2">
                            <md-menu-item>
                                <md-button> <span md-menu-align-target>Option</span>  </md-button>
                            </md-menu-item>
                            
                            <md-menu-item>
                                <md-button> <span md-menu-align-target>Option</span>  </md-button>
                            </md-menu-item>
                        </md-menu-content>
                    </md-menu>
                </div>

but result not expected .

can any body help me to mix material-design with ionic and typescript .


Search Bar appear on search button click and drop down menu