Dropdown #permalink

<div class="e-row">
  <div class="e-col-2">&nbsp;</div>
  <div class="e-col-2">
    <e-dropdown data-markup-content="<svg class='e-icon e-icon-table'><use xlink:href='#dots'></use></svg>" data-markup-class="e-dropdown__button" data-markup-class-active="e-dropdown__button-open">
      <div class="e-dropdown__content">
        <a class="e-dropdown__item" href="#">
          <svg class="e-icon e-icon-table" ><use xlink:href="#pencil" ></use></svg> Preview
        </a>
        <a class="e-dropdown__item" href="#">
          <svg class="e-icon e-icon-table" ><use xlink:href="#eye" ></use></svg> Edit
        </a>
        <a class="e-dropdown__item" href="#">
          <svg class="e-icon e-icon-table" ><use xlink:href="#pencil" ></use></svg> Copy
        </a>
        <a class="e-dropdown__item" href="#">
          <svg class="e-icon e-icon-table" ><use xlink:href="#eye" ></use></svg> Delete jkdjwkqjdkqjw kejqkw jekj
        </a>
      </div>
    </e-dropdown>
  </div>
  <div class="e-col-8">
    <e-dropdown data-markup-content="Dropdown" data-markup-class="e-btn e-btn-dropdown">
      <div class="e-dropdown__content">
        <a class="e-dropdown__item" href="#">
          <svg class="e-icon e-icon-table" ><use xlink:href="#pencil" ></use></svg> Preview
        </a>
        <a class="e-dropdown__item" href="#">
          <svg class="e-icon e-icon-table" ><use xlink:href="#eye" ></use></svg> Edit
        </a>
        <a class="e-dropdown__item" href="#">
          <svg class="e-icon e-icon-table" ><use xlink:href="#pencil" ></use></svg> Copy
        </a>
        <a class="e-dropdown__item" href="#">
          <svg class="e-icon e-icon-table" ><use xlink:href="#eye" ></use></svg> Delete jkdjwkqjdkqjw kejqkw jekj
        </a>
      </div>
    </e-dropdown>
  </div>
</div>