<div class="cf nr2 nl2 mb3">
  <div class="fl-ns w-50-ns ph2">
    <p>
      Segmented buttons are dropdowns with two separate sections. One section displays the current selection. If pressed the action is triggered. The other section, an arrow, if pressed displays the other options.
    </p>
  </div>
  <div class="fl-ns w-50-ns ph2">
    <img class="db w-100-ns outline outline--black-01 outline-offset--1" src="../images/buttons/button-segmented.svg" alt="">
  </div>
</div>
<div class="cf nr2 nl2 mb3">
  <div class="fl-ns w-50-ns ph2">
    <p>
      Segmented buttons include a dropdown triggered by a downward-facing arrow. Clicking or tapping the default option selects the default. Clicking or tapping the arrow displays other options available to the user.
    </p>
  </div>
  <div class="fl-ns w-50-ns ph2">
    <img class="db w-100-ns outline outline--black-01 outline-offset--1" src="../images/buttons/button-segmented.svg" alt="">
  </div>
</div>
Update Segmented to: Segmented buttons include a dropdown triggered by a downward-facing arrow. Clicking or tapping the default option selects the default. Clicking or tapping the arrow displays other options available to the user.
[edit] Update Segmented to: Segmented buttons include a dropdown triggered by a downward-facing arrow. Clicking or tapping the default option selects the default. Clicking or tapping the arrow displays other options available to the user.

according to brjones’ notes
