Option

Dual

Dual buttons with copy and show option.

Code

<div class="simpui-dropdown-btn-wrapper dropdown-menu-sm" style="position: relative; display: inline-block;">
    <div class="simpui-dropdown-button simpui-dropdown-btn sm">
        <div class="simpui-dropdown-button-main">
            <span class="icon icon-copy"></span>
            <span>Copy Page</span>
        </div>
        <div class="simpui-dropdown-button-arrow">
      <span class="simpui-dropdown-button-caret">
        <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20">
          <path fill="currentColor" d="M10.103 12.778L16.81 6.08a.69.69 0 0 1 .99.012a.726.726 0 0 1-.012 1.012l-7.203 7.193a.69.69 0 0 1-.985-.006L2.205 6.72a.727.727 0 0 1 0-1.01a.69.69 0 0 1 .99 0z"/>
        </svg>
      </span>
        </div>
    </div>
    <div class="dropdown-menu">
        <div>Copy as PDF</div>
        <div>Copy HTML</div>
        <div>Copy Markdown</div>
    </div>
</div>

Single

Single buttons with show option.

Code

<div class="simpui-option-button-wrapper">
    <button class="simpui-option-button simpui-option-button-sm">Copy Page</button>
    <div class="simpui-option-button-menu option-menu-sm">
        <div>Copy as PDF</div>
        <div>Copy HTML</div>
        <div>Copy Markdown</div>
    </div>
</div>