• Lightest
  • Light
  • Dark
  • Darkest
  • Medium
  • Large
  • LTR
  • RTL

Clear Button

Component status
Contribution
Last releasedOctober 20, 2020
Current version@spectrum-css/button@3.0.0-beta.5

Usage notes


Used in search and tags.

Variants


Standard
Contribution

Show markup
<button class="spectrum-ClearButton">
  <svg class="spectrum-Icon spectrum-UIIcon-CrossSmall" focusable="false" aria-hidden="true">
    <use xlink:href="#spectrum-css-icon-CrossSmall" />
  </svg>
</button>
<button class="spectrum-ClearButton" disabled>
  <svg class="spectrum-Icon spectrum-UIIcon-CrossSmall" focusable="false" aria-hidden="true">
    <use xlink:href="#spectrum-css-icon-CrossSmall" />
  </svg>
</button>

Small
Contribution

Show markup
<button class="spectrum-ClearButton spectrum-ClearButton--small">
  <svg class="spectrum-Icon spectrum-UIIcon-CrossSmall" focusable="false" aria-hidden="true">
    <use xlink:href="#spectrum-css-icon-CrossSmall" />
  </svg>
</button>
<button class="spectrum-ClearButton spectrum-ClearButton--small" disabled>
  <svg class="spectrum-Icon spectrum-UIIcon-CrossSmall" focusable="false" aria-hidden="true">
    <use xlink:href="#spectrum-css-icon-CrossSmall" />
  </svg>
</button>