Elevation

Adds elevation to an element.
Usage

Level 1
Level 2
Level 3
Level 4
Level 5

        <div class="elevated-element">
          <wc-elevation style="--elevation-level: 1"></wc-elevation>
          Level 1
        </div>

  <div class="elevated-element">
    <wc-elevation style="--elevation-level: 2"></wc-elevation>
    Level 2
  </div>


  <div class="elevated-element">
    <wc-elevation style="--elevation-level: 3"></wc-elevation>
    Level 3
  </div>

  <div class="elevated-element">
    <wc-elevation style="--elevation-level: 4"></wc-elevation>
    Level 4
  </div>

  <div class="elevated-element">
    <wc-elevation style="--elevation-level: 5"></wc-elevation>
    Level 5
  </div>

  <style>
    .elevated-element {
      position: relative;
      border-radius: var(--shape-corner-extra-small);
      padding: var(--spacing-200);
    }
  </style>