- Lightest
- Light
- Dark
- Darkest
- Medium
- Large
- LTR
- RTL
Cycle Button
| Component status | Contribution |
|---|---|
| Last released | Unreleased |
| Current version | @spectrum-css/cyclebutton@3.0.3-alpha.1 |
Variants
StandardContribution
Show markup
<button class="spectrum-ActionButton spectrum-ActionButton--sizeM spectrum-ActionButton--quiet spectrum-CycleButton">
<svg class="spectrum-Icon spectrum-Icon--sizeM 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--sizeM spectrum-CycleButton-item" focusable="false" aria-hidden="true" aria-label="Pause">
<use xlink:href="#spectrum-icon-18-PauseCircle" />
</svg>
</button>
Migration Guide
Change workflow icon size to medium
Replace .spectrum-Icon--sizeS with .spectrum-Icon--sizeM.