Clear Button

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

Usage notes#


Used in search and tags.

Variants#


Standard#
Contribution

<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>
Show markup

Small#
Contribution

<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>
Show markup