JSFiddle - React, Tailwind, and code Playground

HTML

<div class="card" tabindex="0">1</div>
<div class="card is-disabled" tabindex="-1">2</div>
<div class="card" tabindex="0">3</div>

CSS

.card {
  border: 1px solid #ccc;
  margin: 8px;
  padding: 16px;
}

.card.is-disabled {
  opacity: .5;
}