Button - Warning

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

Usage notes#


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

Variants#


Warning#
Verified

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

Warning (quiet)#
Verified

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