JSFiddle - React, Tailwind, and code Playground

HTML

<div class="radio-toolbar">
 <label><input type="radio" name="aa" value="all" checked><span>All</span></label>
 <label><input type="radio" name="aa" value="false"><span>Open</span></label>
 <label><input type="radio" name="aa" value="true"><span>Archived</span></label>
</div>

CSS

.radio-toolbar input[type="radio"]:checked ~ * { 
   background: #5e7aa0;
  font-weight: 500;
  color: #fff;
}