Cycle Button

Component status
Contribution
Last releasedOctober 8, 2019
Current version@spectrum-css/cyclebutton@2.0.0

Variants#


Standard#
Contribution

<button class="spectrum-ActionButton spectrum-ActionButton--quiet spectrum-CycleButton">
  <svg class="spectrum-Icon spectrum-Icon--sizeS spectrum-CycleButton-item is-selected" focusable="false" aria-hidden="true" aria-label="Play">
    <use xlink:href="#spectrum-icon-18-PlayCircle" />
  </svg>
  <svg class="spectrum-Icon spectrum-Icon--sizeS spectrum-CycleButton-item" focusable="false" aria-hidden="true" aria-label="Pause">
    <use xlink:href="#spectrum-icon-18-PauseCircle" />
  </svg>
</button>
Show markup