How to define an elevation in angular material 2?

angular angular-material2
drtapha picture drtapha · Jan 8, 2017 · Viewed 35.3k times · Source

the md-toolbar in angular-material 2 doesn't have a shadow. I want to define for my toolbar

Answer

DevVersion picture DevVersion · Jan 19, 2017

You can use the mat-elevation-z#classes.

# can stand for a number between 1-24

<mat-toolbar class="mat-elevation-z4">
  With Shadow
</mat-toolbar>

https://material.angular.io/guide/elevation

Related questions

mat-form-field must contain a MatFormFieldControl

We are trying to build our own form-field-Components at our Company. We are trying to wrap material design's Components like this: field: <mat-form-field> <ng-content></ng-content> <mat-hint align="start"><strong>{{hint}}&…

Read More
Angular Material: mat-select not selecting default

I have a mat-select where the options are all objects defined in an array. I am trying to set the value to default to one of the options, however it is being left selected when the page renders. My typescript …

Read More
Can't bind to 'formControl' since it isn't a known property of 'input' - Angular2 Material Autocomplete issue

I am trying to use Angular Material Autocomplete component in my Angular 2 project. I added the following to my template. <md-input-container> <input mdInput placeholder="Category" [mdAutocomplete]="auto" [formControl]="stateCtrl"> </md-input-container> <md-autocomplete #auto="mdAutocomplete"&…

Read More