Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

How to define an elevation in angular material 2?

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

like image 719
drtapha Avatar asked Jan 08 '17 15:01

drtapha


People also ask

What is Mat elevation z8?

the mat-elevation-z8 class is an Angular Material elevation class that allows you to add separation between elements along the z-axis.

What is elevation in Material Design?

Elevation (Android) Elevation is the relative depth, or distance, between two surfaces along the z-axis. Specifications: Elevation is measured in the same units as the x and y axes, typically in density-independent pixels (dp).

What is elevation in Web design?

Measuring elevation Elevation in Material Design is measured as the distance between Material surfaces. The distance from the front of one Material surface to the front of... Surfaces at the same elevation can appear differently when other surfaces are behind them.


1 Answers

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

like image 81
DevVersion Avatar answered Sep 28 '22 08:09

DevVersion