# Elevation

### Intro
The component library provides a shadow elevation effect based on the `Material`
specification to represent the dimensionality of an element.

### Install

```js
// css
import '@varlet/ui/es/styles/elevation.css'
// less
import '@varlet/ui/es/styles/elevation.less'
```

### Basic Usage
Shadows are divided into `0-24` levels, and the higher the level, the higher the altitude.

```html
<div class="var-elevation--0"></div>
<div class="var-elevation--1"></div>
<div class="var-elevation--2"></div>
......
<div class="var-elevation--24"></div>
```

