• Light
  • Dark
  • Darkest
  • Medium
  • Large
  • LTR
  • RTL
  • Default
  • Express

Logic Button

Component status
Contribution
Last releasedMay 23, 2023
Current version@spectrum-css/logicbutton@1.2.30
View repository
GitHub
View package
npm

Usage notes

A LogicButton displays an operator within a boolean logic sequence.

Variants

And
Contribution

Show markup
<button class="spectrum-LogicButton spectrum-LogicButton--and">And</button>
<button class="spectrum-LogicButton spectrum-LogicButton--and" disabled>And</button>

Or
Contribution

Show markup
<button class="spectrum-LogicButton spectrum-LogicButton--or">Or</button>
<button class="spectrum-LogicButton spectrum-LogicButton--or" disabled>Or</button>