- Lightest
- Light
- Dark
- Darkest
- Medium
- Large
- LTR
- RTL
Clear Button
| Component status | Contribution |
|---|---|
| Last released | Unreleased |
| Current version | @spectrum-css/button@4.0.0-alpha.0 |
Usage notes
Used in search and tags.
Variants
StandardContribution
Show markup
<button class="spectrum-ClearButton">
<svg class="spectrum-Icon spectrum-UIIcon-Cross75" focusable="false" aria-hidden="true">
<use xlink:href="#spectrum-css-icon-Cross75" />
</svg>
</button>
<button class="spectrum-ClearButton" disabled>
<svg class="spectrum-Icon spectrum-UIIcon-Cross75" focusable="false" aria-hidden="true">
<use xlink:href="#spectrum-css-icon-Cross75" />
</svg>
</button>
SmallContribution
Show markup
<button class="spectrum-ClearButton spectrum-ClearButton--small">
<svg class="spectrum-Icon spectrum-UIIcon-Cross75" focusable="false" aria-hidden="true">
<use xlink:href="#spectrum-css-icon-Cross75" />
</svg>
</button>
<button class="spectrum-ClearButton spectrum-ClearButton--small" disabled>
<svg class="spectrum-Icon spectrum-UIIcon-Cross75" focusable="false" aria-hidden="true">
<use xlink:href="#spectrum-css-icon-Cross75" />
</svg>
</button>