Split Button

        <coral-splitbutton>
          <button type="button" is="coral-button" coral-splitbutton-action="">Action</button>
          <button id="target1" type="button" is="coral-button" icon="ChevronDown" coral-splitbutton-trigger=""></button>
        </coral-splitbutton>
        <coral-popover target="#target1" placement="bottom">
          <coral-buttonlist>
            <button is="coral-buttonlist-item">Second Action</button>
            <button is="coral-buttonlist-item">Third Action</button>
          </coral-buttonlist>
        </coral-popover>
      

        <coral-splitbutton variant="cta">
          <button type="button" is="coral-button" coral-splitbutton-action="">Action</button>
          <button id="target4" type="button" is="coral-button" icon="ChevronDown" coral-splitbutton-trigger=""></button>
        </coral-splitbutton>
        <coral-popover target="#target4" placement="bottom">
          <coral-buttonlist>
            <button is="coral-buttonlist-item">Second Action</button>
            <button is="coral-buttonlist-item">Third Action</button>
          </coral-buttonlist>
        </coral-popover>
      

        <coral-splitbutton variant="secondary">
          <button type="button" is="coral-button" coral-splitbutton-action="">Action</button>
          <button id="target5" type="button" is="coral-button" icon="ChevronDown" coral-splitbutton-trigger=""></button>
        </coral-splitbutton>
        <coral-popover target="#target5" placement="bottom">
          <coral-buttonlist>
            <button is="coral-buttonlist-item">Second Action</button>
            <button is="coral-buttonlist-item">Third Action</button>
          </coral-buttonlist>
        </coral-popover>
      

        <coral-splitbutton>
          <a href="#" is="coral-anchorbutton" coral-splitbutton-action="">Action</a>
          <button id="target3" is="coral-button" icon="ChevronDown" coral-splitbutton-trigger=""></button>
        </coral-splitbutton>
        <coral-popover target="#target3" placement="bottom">
          <coral-anchorlist>
            <a is="coral-anchorlist-item" href="#">Second Action</a>
            <a is="coral-anchorlist-item" href="#">Third Action</a>
          </coral-anchorlist>
        </coral-popover>
      

        <coral-splitbutton>
          <button id="target6" is="coral-button" icon="ChevronDown" coral-splitbutton-trigger=""></button>
          <a href="#" is="coral-anchorbutton" coral-splitbutton-action="">Action</a>
        </coral-splitbutton>
        <coral-popover target="#target6" placement="bottom">
          <coral-anchorlist>
            <a is="coral-anchorlist-item" href="#">Second Action</a>
            <a is="coral-anchorlist-item" href="#">Third Action</a>
          </coral-anchorlist>
        </coral-popover>