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

Button - Warning

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

Usage notes


The negative button is for high emphasis of negative or destructive actions.

Variants


Warning
Verified

Show markup
<button class="spectrum-Button spectrum-Button--warning">
  <span class="spectrum-Button-label">Button</span>
</button>

<button class="spectrum-Button spectrum-Button--warning" disabled>
  <span class="spectrum-Button-label">Button</span>
</button>

Warning (quiet)
Verified

Show markup
<button class="spectrum-Button spectrum-Button--warning spectrum-Button--quiet">
  <span class="spectrum-Button-label">Button</span>
</button>

<button class="spectrum-Button spectrum-Button--warning spectrum-Button--quiet" disabled>
  <span class="spectrum-Button-label">Button</span>
</button>